對于 Python + Flask 這種靈活的web開發框架，在前面的六個系列文章中詳細的進行了說明，主要講到了頁面的首頁加載時的頁面渲染，增加功能，刪除功能，修改功能，查詢功能，查詢詳情功能等一些頁面常見的功能操作。

今天的文章是對之前的六篇文章未涉及到的一些技術點進行解釋說明，有利于大家可以更加全面的了解這個信息管理項目是如何運行的。

1.翻頁功能

1.1 在頁面上我們定義了一個div的元素，是用來承載翻頁功能的，如下：

1.2 Python代碼在處理時有返回db查詢出來的頁數信息，如下：

content=get_data(sql1)pagedict={}pagedict['content']=contentpagedict['pageNum']=page //表示初始頁數pagedict['pages']=All_page pagedict['amount']=All_Recordreturn jsonify(pagedict)上面返回了一個字典，字典里面有配置好的翻頁需要的信息。

1.3 ?javascript代碼里面有針對html 定義的div元素的替換渲染，如下：

// 分頁處理 $("#pageid").pager({ //分頁功能 pagenumber: jsons.pageNum,//表示初始頁數 pagecount: jsons.pages,//表示總頁數 totalcount: jsons.amount,//表示總記錄數 buttonClickCallback: callback//表示點擊分頁數按鈕調用的方法 });

翻頁頁面加載后展示如下：

2.對查詢的數據進行渲染后的排序展示

這里需要大家懂一些前端的內容，如：在 js 里面獲取某一個id值所對應輸入內容時是如何做到的，我們可以這樣來獲取：

var contents=$('#contents').val();

這里的查詢功能需要將 id=contents 的文本內容傳入到后端進行模糊匹配。

還有一些 js 的處理邏輯，這里不展開來說，以本項目中涉及到的為示例簡單介紹：

var?tr=td.parent().parent()#這是在獲取td的上一級的上一級元素賦值給變量trconsole.log(tr); #這是在瀏覽器控制臺輸出，檢查是否符合取值要求var tdlist=tr.find("td");#在元素tr里面找到td的元素并賦值為tdlist變量console.log(tdlist);#這是在瀏覽器控制臺輸出，檢查是否符合取值要求var?id=$(tdlist[0]).find('input').val()#從tdlist里面獲取id的值

3.頁面上一些常用樣式說明對于做一些web端的技術開發，我們可能不是非常熟悉前端的開發所有技術，但是可以通過一些比較成熟的前端組件來幫我們完成，這里使用的是：bootstrap.min.css(這是在本項目中引入進來的樣式文件)

這里使用兩個截圖來說明一下引用的示例。

1.Bootstrap 的 button 樣式全是拿來直接使用的。

2.就是Bootstrap 網格的基本結構。如下圖所示。

備注：上面兩個截圖示例是摘取于bootstrap 教程，因為在本項目中也是這樣去引用的，大家有興趣的可以多去學習，這將為你做出好看的web端效果樣式有非常大的幫助。

4.做一個系列文章的總結通過本系列文章的分享，以及這個小的項目其實我們就可以去整體理解到更大更復雜的項目,他們無外乎就是更多的更復雜的業務邏輯處理、內部多系統間的調用、第三方中間件的使用、第三方的接口調用、回調等邏輯的處理。

到今天為止，本系列的文章就結束了，希望大家有所收獲。

友情提示：“無量測試之道”原創著作，歡迎關注交流，禁止第三方不顯示文章來源時轉載。更多原創文章請掃碼關注查看，交流與合作請聯系：loadkernel@126.com。

QQ技術交流群：41564936

文章
精選

●Python + Flask 項目開發實踐系列《一》

●Python + Flask 項目開發實踐系列《二》

●Python + Flask 項目開發實踐系列《三》

●Python + Flask 項目開發實踐系列《四》

●Python + Flask 項目開發實踐系列《五》

●Python + Flask 項目開發實踐系列《六》

總結

以上是生活随笔為你收集整理的python web开发项目 源码_Python + Flask 项目开发实践系列七的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。