【第一篇】 前后端分離與不分離比較

關於前后端分離

接下來，你將進入 前后端分離項目開發 模塊。 這也是現在企業中比較常見的開發模式。

疑問：

• 什么是前后端分離？與之前的開發模式有什么區別？
• 企業為什么要用前后端分離？

1. 前后端分離與不分離

• 前后端不分離，像之前學習django、案例、crm項目、bug管理 時的那些模塊。

  特點：
  	- 用戶訪問URL
  	- 執行視圖函數，視圖進行業務處理
  	- 視圖render，讀取HTML模塊+數據渲染，將渲染完成的HTML/CSS/JS返回並呈現在用戶瀏覽器上。
  	
  配合開發：
  	- 前端，寫HTML、CSS、JS
  	- 后端，前端代碼給我后端，后端代碼 + 前端代碼 集成到項目中。
  

• 前后端分離

  特點：
  	- 一般基於 vue.js、react.js、angular.js 框架來編寫前端頁面（本質上是HTML、CSS、JS）。
  	- 頁面上如果需要呈現數據，則需要則需要通過 ajax 的形式向后端發送請求（URL）並獲取數據。
  	- 后端接收到請求后，執行視圖函數並進行業務處理
  	- 后端的視圖執行完畢后，給前端返回JSON格式數據。
  	- 前端接收到JSON格式數據后呈現在瀏覽器上即可。
  	
  配合開發：
  	- 前端，寫HTML、CSS、JS（數據都是通過調用后端API獲得）
  	- 后端，寫API接口
  	- 前后端約定好接口的規則。
  

  

2.為什么要使用前后端分離？

目前企業一般都會采用前后端分離的形式來進行項目開發，這種模式：

• 前后端職責清晰，前端開發者只vue.js、react.js、angular.js等框架編寫頁面；后端開發者只用Python編寫后端代碼；（兩者通過json格式請求數據的傳輸）。
• 開發高效，前后端做自己擅長的領域且使用vue.js等前端框架比用傳統的HTML、CSS、JS、jQuery等開發速度快很多。
• 有利於項目的擴展（開發APP、微信小程序等）。

注意：前后端不分離的項目，現在一般用於開發用戶量少、簡單的項目。