對於伺服器開發工程市來說，前端頁面的重新整理分後端重新整理和前端重新整理。後端重新整理的實現是通過模板+資料的方式實現的。前端的重新整理的實現是通過jquery的ajax+jquery動態載入html、css方式實現的。
不管後端重新整理還是前端重新整理，他們都是需要通過http/https通訊協議這種協議實現資料通訊，使用請求和響應完成一次完整的web通訊過程。
使用flask實現web伺服器應用程式的構建；
實現前端請求的url，宣告對應route路由，一般情況下，乙個url對應乙個路由；
實現對應路由的檢視函式，每個檢視函式都需要對應乙個檢視容器（模板），在這個檢視函式中進行資料+模板的方式進行伺服器的響應；
實現對應模板，模板是通過jinjia2第三方外掛程式的方式，使用模板語法來實現資料的動態顯示；
實現伺服器的api介面文件；
使用flask實現web伺服器應用程式的構建；
使用js或者jquery獲取標籤資料，生成並儲存資料；
使用jquery中的ajax生成請求將前端資料傳送給對應的url；
.url對應的路由的檢視函式收到資料進行資料比對，返回respond（包括可判斷的條件資料以及前端請求資料）；
使用ajax接受資料進行判斷跳轉頁面並且渲染頁面；
gatewayworker 前後端通訊
gatewayworker的環境搭建看我之前的文章 首先，執行start for win.bat啟動服務 接著配置start gateway.php檔案，確保websocket通訊 new gateway websocket 後端配置好後，用前端連線 直接上前端 如果一切正常的話，控制台執行結果如下...
前端通訊, 前後端分離 前後端不分離
基於後端的通訊 後端完成 pc端用 基於h5的websocket來完成 應用於移動端 低版本瀏覽使用的socket.io 案例 利用node.js流來生成壓縮包 fszlib 市場流行 前後端分離好處 很久以前 10 13年 前後端不分離專案 不分離 前端 後端 jsp 前後端專案整合 成功 前端 ...
前後端請求響應流程小結
1 在瀏覽器輸入前端url 2 前端框架vue.js根據url解析路由，根據路由找到page list.vue頁面 3 首先執行page list.vue中的鉤子方法 4 在鉤子方法中呼叫query方法。5 在query方法中呼叫cms.js中的page list方法 6 cms.js中的page ...