Flask中前端頁面的資料重新整理

• Flask中前端頁面的資料重新整理
• 1. 後端重新整理頁面的流程
• 1.1實現伺服器的API介面文件
• 1.2使用Flask實現Web伺服器應用程式的構建
• 1.3 實現前端請求URL,宣告對應Route路由，一般情況下，一個URL對應一個路由
• 1.4實現對應路由的檢視函式，每一檢視函式都需要對應一個試圖容器（模板） ，在這個檢視函式中進行資料+模板的方式進行伺服器的響應
• 1.5實現對應模板，模板是通過jinjia2第三方外掛的方式，使用模板語法來實現資料的動態顯示
• 2.前端重新整理頁面的流程
• 2.1實現伺服器的API介面文件
• 2.2使用Flask實現Web伺服器應用程式的構建
• 2.3利用jQuery中的Ajax實現前端請求的url（ajax下的url）,一般情況下，一個URL對應一個路由
• 2.4宣告對應路由，實現對應路由的檢視函式，以json的格式將得到的資料響應給瀏覽器
• 2.5利用Ajax接收響應，並放入Ajax的seccess的位置
• 2.6使用jQuery找到放置資料的標籤容器，在容器裡動態生成標籤，放置資料，來實現資料的動態顯示

Flask中前端頁面的資料重新整理

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

1. 後端重新整理頁面的流程

1.1實現伺服器的API介面文件

1.2使用Flask實現Web伺服器應用程式的構建

1.3 實現前端請求URL,宣告對應Route路由，一般情況下，一個URL對應一個路由

1.4實現對應路由的檢視函式，每一檢視函式都需要對應一個試圖容器（模板） ，在這個檢視函式中進行資料+模板的方式進行伺服器的響應

1.5實現對應模板，模板是通過jinjia2第三方外掛的方式，使用模板語法來實現資料的動態顯示

2.前端重新整理頁面的流程

2.1實現伺服器的API介面文件

2.2使用Flask實現Web伺服器應用程式的構建

2.3利用jQuery中的Ajax實現前端請求的url（ajax下的url）,一般情況下，一個URL對應一個路由

2.4宣告對應路由，實現對應路由的檢視函式，以json的格式將得到的資料響應給瀏覽器

2.5利用Ajax接收響應，並放入Ajax的seccess的位置

2.6使用jQuery找到放置資料的標籤容器，在容器裡動態生成標籤，放置資料，來實現資料的動態顯示