Django+VUE實現先後端分離(三)

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

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

3.咱們這次的數據操做主要是增刪改查,比較簡單。所以使用本身定義的一套規範。數據庫

 

--------------------------------------------------------------------開始編寫後端接口--------------------------------------------------json

4.先啓動後端Django框架,訪問成功。後端

 

 5.編寫得到所有學生的接口。在student這個app的views裏面編寫接口函數。api

在路由函數裏面定義訪問的url:跨域

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

                            

 

 備註:前端要想獲取後端發過來的數據,還需進行如下操做:!!restful

 

 

至此後端成功的從數據庫中取到了數據,接着利用Axios來實現先後端間的異步請求。(???不太懂爲何叫異步請求)app

 6.Axios格式。

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

 

 備註:這裏須要實現的是一個跨域請求(正常狀況下,先後端開發不在一個電腦上,因此會出現跨域訪問的問題)

7.解決跨域問題,正常狀況下,解決跨域問題,先後端須要協同工做。

(1)後端須要進行的操做

 

 

實現了以上操做之後,前端可以獲取到後端傳遞過去的全部數據。(前端代碼,咱們不作過多學習)

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

相關文章
相關標籤/搜索