細說 Django—web 先後端分離

所謂的先後端分離

淵源

• 前端發展史

特色

• 前端：負責 View 和 Controller 層
• 後端：只負責 Model 層，業務處理/數據等

優缺點

• 優勢：解耦，解放前端，職責明確
• 缺點：不利 seo 優化

Restful 風格的 API 應該是先後端分離的最佳實踐

先後端設計

前端：Node.js 系

表明：AngularJS，react，vue

Vue

技術點

• 指令
• 組件
• 生命週期
• 前端路由
• Vuex
• ES6 語法
• npm & webpack

後端：Restful Api

一種接口風格，全稱表述性狀態轉移，並沒有強制

Representational State Transfer（）

統一資源接口對 URI 的意義?

統一資源接口要求使用標準的 HTTP 方法對資源進行操做，因此 URI 只應該來表示資源的名稱，而不該該包括資源的操做。

（理解這個統一）

標準的

不符規範的 （資源沒有統一）

實踐

一個例子

• 《圖書管理系統》

技術棧

• 前端：Vue
• 後端：Django REST framework

要點

• Token 驗證
• 前端路由
• 統一的 http 請求響應攔截處理
• Restful API
• 權限控制（表級 & 對象級）

以下圖：

最後，是否要作先後端分離的開發模式，取決於實際狀況的多方位考量，適合的纔是更好的。
具體詳情內容