1. 程式人生 > >前後端資料通訊 頁面重新整理

前後端資料通訊 頁面重新整理

對於伺服器開發工程師來說,前端頁面的重新整理分 後端重新整理和前端重新整理,後端重新整理的實現是通過模板加資料實現的,前端重新整理的實現是通過jQuery的Ajax+動態載入HEML、CSS的方式實現的   後端和後臺不一樣,不管是後端重新整理和前端重新整理,他們都是通過HTTP/HTTPS 通訊協議這種協議實現資料通訊,使用請求和響應完成一次完整的Web通訊的過程

1、後端重新整理頁面的流程 1.1 實現伺服器的API介面文件 1.2 使用flask實現web伺服器應用程式的構建 1.3 實現前端請求的URL ,宣告對應的Route路由,一般情況下,一個URL對應一個路由 1.4 實現對應路由的檢視函式,每個檢視函式都需要對應一個試圖容器(模板),在這個檢視函式中進行資料加模板的方式進行伺服器的響應 1.5 實現對應的模板的方式,模板是通過jinja2第三方外掛的方式,使用模板語法來實現資料的動態顯示

2、前端重新整理頁面的流程 2.1、實現伺服器的API介面文件 2.2、使用Flask 實現Web伺服器應用程式的構建 2.3、利用jQuery中的ajax實現前端請求的url(ajax下的url),一般情況下,一個URL對應一個路由 2.4、實現對應路由的檢視函式,利用json把得到的資料響應給瀏覽器,利用ajax進行接收響應,接收到的資料放在ajax下的success中。 2.5、使用jQuery找到放置資料的標籤容器,在容器裡動態生成標籤,放置資料,來實現資料的動態顯示。