Django+VUE實現前后端分離(三)


1.前端的代碼,直接去網上下載。這里不做詳細介紹。

2.后端接口通用規范 restful比較復雜(請求和響應的規范,網上有具體的restful api規范圖)

3.我們此次的數據操作主要是增刪改查,比較簡單。因此使用自己定義的一套規范。

 

--------------------------------------------------------------------開始編寫后端接口--------------------------------------------------

4.先啟動后端Django框架,訪問成功。

 

 5.編寫獲得全部學生的接口。在student這個app的views里面編寫接口函數。

在路由函數里面定義訪問的url:

在瀏覽器中測試訪問成功。可以將返回結果放到json.cn中進行驗證。

                            

 

 備注:前端要想獲取后端發過來的數據,還需進行以下操作:!!

 

 

至此后端成功的從數據庫中取到了數據,接着利用Axios來實現前后端間的異步請求。(???不太懂為什么叫異步請求)

 6.Axios格式。

前端獲取代碼的主要過程以及代碼編寫形式:

 

 備注:這里需要實現的是一個跨域請求(正常情況下,前后端開發不在一個電腦上,所以會出現跨域訪問的問題)

7.解決跨域問題,正常情況下,解決跨域問題,前后端需要協同工作。

(1)后端需要進行的操作

 

 

實現了以上操作以后,前端能夠獲取到后端傳遞過去的所有數據。(前端代碼,我們不做過多學習)

8.實現分頁,分頁有兩種實現方式,這里選的是前端的實現方式。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM