付費限定

[14] 用 GET 串起前後端

張哲嘉

發佈於Vue+Django+MongoDB+Nginx 從網頁全端開發到架站一次教給你

更新於 2024/10/06發佈於 2022/10/07閱讀時間約 1 分鐘

前端和後端溝通，最常用就是 get 和 post

後端

先在 django 專案這邊的 views.py 內建立一個讓前端以 get 方法呼叫的 api

function1 內的第一個參數是前端的 request，之後第二個參數第三個參數可以隨便你設，這倒是沒有限制

用 request.GET 這個方法獲得前端傳遞的參數，GET['param1'] 代表前端傳遞了一個參數 key 是 param1

我們這邊回傳以回傳一筆 json 格式的資料做示範，response['msg']='hello world' 代表回傳資料的 key 值是 'msg'，value 是 'hello world'

以行動支持創作者！付費即可解鎖

本篇內容共 574 字、0 則留言，僅發佈於Vue+Django+MongoDB+Nginx 從網頁全端開發到架站一次教給你你目前無法檢視以下內容，可能因為尚未登入，或沒有該房間的查看權限。

#python

張哲嘉的沙龍Vue+Django+MongoDB+Nginx 從網頁全端開發到架站一次教給你

張哲嘉的沙龍

9會員

49內容數

比起詳細教學單一技能，網路上或者市面上整合多項技能的教學相對少很多，但要真的完成一項專案往往不是只靠一項技能便能做到。而且教科書式的完整教學也比較枯燥乏味，因此我想以自身的經驗為例，以全端開發各項技能中最常用到的部分進行講解，讓讀者能夠快速上手掌握全端技能。

留言0

查看全部

發表第一個留言支持創作者！

張哲嘉的沙龍的其他內容

[13] Compare axios, ajax, fetch

接下來要講前後端怎麼溝通，最常見應該都是用 axios, ajax 或 fetch 來 call api。先講結論，個人推薦使用 axios，那他們又有什麼優缺點呢？讓我簡單講解一下 ajax ajax 用法有點麻煩，要先引入 jQuery，用法如下 ajax 比起 axios 較為笨重也較不安全

#python

[12] Django app

Create app django 的架構是這樣的，在專案底下有 app，你的 api 會寫在 app 底下，這樣好處就是可以分門別類，不同功能寫在不同 app 內建立 app 的指令如下比方說我建立了一個 app 叫 app，那專案內就會多了個 app 路徑 settings.py 把這個 a

#python

[11] Create Django project

Create project 那來建立 django 專案吧 django 的專案結構長這個樣子 settings.py 是 django 專案的設定檔，之後會常常提到 urls.py 是設定路由 wsgi.py 和 asgi.py 是正式部署後端時相關的檔案 manage.py 是部署開發模式時或

#python

[10] Django getting started

Introduction 如果以 python 為後端，那最常見而且我覺得也比較穩定的框架是 django 和 flask 適合 flask 的使用場景是如果你只是簡單想要一個 py 檔可以做為一個 api 被前端呼叫使用，不想要太多其他設定，最好是兩三行 code 就建立一個後端，那就用 flas

#python

[9] State management

狀態管理有點像是 cookie 或 localStorage，可是又多了更多操作可以用，讓你再切換頁面時可以使用相同的變數。用來使用這個功能的套件叫做 vuex 以下不是狀態管理全部的功能，但是最常在用的其實就是這些 state 首先先來定義一個可以在各個網頁頁面取用的變數吧所有的狀態管理設定

#網頁開發

[8] Vue Router

Basic config 最基本的寫法就是在 src/router/index.ts 的 routes 內設定像這樣 path 是設定路由，name 如果你沒有要用路由傳參，不寫也沒關係，component 是對應到哪個你寫的 vue 頁面 router-link 跟 <a></a> 很像，用法是像

#網頁開發

[13] Compare axios, ajax, fetch

#python

[12] Django app

#python

[11] Create Django project

#python

[10] Django getting started