付費限定

[14] 用 GET 串起前後端

閱讀時間約 1 分鐘
前端和後端溝通,最常用就是 getpost

後端

先在 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 從網頁全端開發到架站一次教給你你目前無法檢視以下內容,可能因為尚未登入,或沒有該房間的查看權限。
avatar-img
9會員
49內容數
比起詳細教學單一技能,網路上或者市面上整合多項技能的教學相對少很多,但要真的完成一項專案往往不是只靠一項技能便能做到。 而且教科書式的完整教學也比較枯燥乏味,因此我想以自身的經驗為例,以全端開發各項技能中最常用到的部分進行講解,讓讀者能夠快速上手掌握全端技能。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
張哲嘉的沙龍 的其他內容
接下來要講前後端怎麼溝通,最常見應該都是用 axios, ajax 或 fetch 來 call api。先講結論,個人推薦使用 axios,那他們又有什麼優缺點呢?讓我簡單講解一下 ajax ajax 用法有點麻煩,要先引入 jQuery,用法如下 ajax 比起 axios 較為笨重也較不安全
Create app django 的架構是這樣的,在專案底下有 app,你的 api 會寫在 app 底下,這樣好處就是可以分門別類,不同功能寫在不同 app 內 建立 app 的指令如下 比方說我建立了一個 app 叫 app,那專案內就會多了個 app 路徑 settings.py 把這個 a
Create project 那來建立 django 專案吧 django 的專案結構長這個樣子 settings.py 是 django 專案的設定檔,之後會常常提到 urls.py 是設定路由 wsgi.py 和 asgi.py 是正式部署後端時相關的檔案 manage.py 是部署開發模式時或
Introduction 如果以 python 為後端,那最常見而且我覺得也比較穩定的框架是 django 和 flask 適合 flask 的使用場景是如果你只是簡單想要一個 py 檔可以做為一個 api 被前端呼叫使用,不想要太多其他設定,最好是兩三行 code 就建立一個後端,那就用 flas
狀態管理有點像是 cookie 或 localStorage,可是又多了更多操作可以用,讓你再切換頁面時可以使用相同的變數。 用來使用這個功能的套件叫做 vuex 以下不是狀態管理全部的功能,但是最常在用的其實就是這些 state 首先先來定義一個可以在各個網頁頁面取用的變數吧 所有的狀態管理設定
Basic config 最基本的寫法就是在 src/router/index.ts 的 routes 內設定像這樣 path 是設定路由,name 如果你沒有要用路由傳參,不寫也沒關係,component 是對應到哪個你寫的 vue 頁面 router-link 跟 <a></a> 很像,用法是像
接下來要講前後端怎麼溝通,最常見應該都是用 axios, ajax 或 fetch 來 call api。先講結論,個人推薦使用 axios,那他們又有什麼優缺點呢?讓我簡單講解一下 ajax ajax 用法有點麻煩,要先引入 jQuery,用法如下 ajax 比起 axios 較為笨重也較不安全
Create app django 的架構是這樣的,在專案底下有 app,你的 api 會寫在 app 底下,這樣好處就是可以分門別類,不同功能寫在不同 app 內 建立 app 的指令如下 比方說我建立了一個 app 叫 app,那專案內就會多了個 app 路徑 settings.py 把這個 a
Create project 那來建立 django 專案吧 django 的專案結構長這個樣子 settings.py 是 django 專案的設定檔,之後會常常提到 urls.py 是設定路由 wsgi.py 和 asgi.py 是正式部署後端時相關的檔案 manage.py 是部署開發模式時或
Introduction 如果以 python 為後端,那最常見而且我覺得也比較穩定的框架是 django 和 flask 適合 flask 的使用場景是如果你只是簡單想要一個 py 檔可以做為一個 api 被前端呼叫使用,不想要太多其他設定,最好是兩三行 code 就建立一個後端,那就用 flas
狀態管理有點像是 cookie 或 localStorage,可是又多了更多操作可以用,讓你再切換頁面時可以使用相同的變數。 用來使用這個功能的套件叫做 vuex 以下不是狀態管理全部的功能,但是最常在用的其實就是這些 state 首先先來定義一個可以在各個網頁頁面取用的變數吧 所有的狀態管理設定
Basic config 最基本的寫法就是在 src/router/index.ts 的 routes 內設定像這樣 path 是設定路由,name 如果你沒有要用路由傳參,不寫也沒關係,component 是對應到哪個你寫的 vue 頁面 router-link 跟 <a></a> 很像,用法是像
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
Meta重新利用英國用戶貼文內容訓練AI模型|「AI教母」李飛飛創立的AI公司World Labs籌集2.3億美元|Salesforce推出全新AI自主代理套件Agentforce
Thumbnail
焦慮是生活中常見的情緒反應,但適當的應對方法可以有效減輕焦慮。本文介紹14種實用的緩解焦慮技巧,包括呼吸控制、自我對話、積極想象、身體運動等,幫助你更好地管理情緒,提升心理健康。透過這些具體方法,你能夠建立自信,享受更輕鬆的生活,面對各種挑戰。探索這些策略,找到適合自己的焦慮緩解方式吧!
Thumbnail
SoR是學習英文的一個系統,總共有五階段:聲音、拼讀、速讀、單字文法、閱讀理解。蕭博士把五階段,拆解成14個可以直接實踐的步驟。本文分享了學習的工具,並提到了師資、教材和課程內容。SoR的英文學習法,不僅是教孩子,也適合成人,無論英文程度如何,均可遵循順序學習。
Thumbnail
當你與對方眼神有交會後,馬上面帶笑容,眼睛看著對方,有朝氣的打招呼吧,這ㄧ句打招呼可以是您好、早安、哈囉之類的,語調將決定接下來對話的氛圍,可說是非常重要的一步。 平常可以自己看著鏡子練習笑容,看看自己認為有在笑的表情,跟發自內心的笑容有什麼差別。 打招呼是一門社交藝術 打招呼不只是禮貌的
量子電腦和傳統電腦最大的不同是,傳統電腦以「串行」方式處理資訊,再怎麼快,也是「逐一」;而量子電腦則是「平行處理」,可以「瞬間同時」,因此能力大相逕庭。 傳統火箭發射成本每次約需6000萬美元,高耗能且高污染,再怎麼改進也成果有限。但是改採旋轉發射,成本可以大幅降低到50萬美元。
Thumbnail
我和先生在陪伴孩子的過程中,他對我的育兒行為,最常給的評價就是:「媽媽,你奸詐哦!」 什麼奸詐?拜託,是「機智」好嗎!大家來評評理~
Thumbnail
倉位價格:2008.19 倉位倍率:70X 平倉日:1849.87
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
Meta重新利用英國用戶貼文內容訓練AI模型|「AI教母」李飛飛創立的AI公司World Labs籌集2.3億美元|Salesforce推出全新AI自主代理套件Agentforce
Thumbnail
焦慮是生活中常見的情緒反應,但適當的應對方法可以有效減輕焦慮。本文介紹14種實用的緩解焦慮技巧,包括呼吸控制、自我對話、積極想象、身體運動等,幫助你更好地管理情緒,提升心理健康。透過這些具體方法,你能夠建立自信,享受更輕鬆的生活,面對各種挑戰。探索這些策略,找到適合自己的焦慮緩解方式吧!
Thumbnail
SoR是學習英文的一個系統,總共有五階段:聲音、拼讀、速讀、單字文法、閱讀理解。蕭博士把五階段,拆解成14個可以直接實踐的步驟。本文分享了學習的工具,並提到了師資、教材和課程內容。SoR的英文學習法,不僅是教孩子,也適合成人,無論英文程度如何,均可遵循順序學習。
Thumbnail
當你與對方眼神有交會後,馬上面帶笑容,眼睛看著對方,有朝氣的打招呼吧,這ㄧ句打招呼可以是您好、早安、哈囉之類的,語調將決定接下來對話的氛圍,可說是非常重要的一步。 平常可以自己看著鏡子練習笑容,看看自己認為有在笑的表情,跟發自內心的笑容有什麼差別。 打招呼是一門社交藝術 打招呼不只是禮貌的
量子電腦和傳統電腦最大的不同是,傳統電腦以「串行」方式處理資訊,再怎麼快,也是「逐一」;而量子電腦則是「平行處理」,可以「瞬間同時」,因此能力大相逕庭。 傳統火箭發射成本每次約需6000萬美元,高耗能且高污染,再怎麼改進也成果有限。但是改採旋轉發射,成本可以大幅降低到50萬美元。
Thumbnail
我和先生在陪伴孩子的過程中,他對我的育兒行為,最常給的評價就是:「媽媽,你奸詐哦!」 什麼奸詐?拜託,是「機智」好嗎!大家來評評理~
Thumbnail
倉位價格:2008.19 倉位倍率:70X 平倉日:1849.87