《數據可視化技術》 課件 15 學生管理基礎網頁制作

《數據可視化技術》單元15學生管理基礎網頁制作項目介紹項目四：高校招生就業(yè)數據分析與可視化本項目采集了某高職院校的招生、就業(yè)數據。高職院校通過對招生數據的分析，了解不同專業(yè)的招生情況、招生分布、招生難易度等信息，從而更好地制訂招生計劃，提高招生效率。高職院校通過對歷年畢業(yè)生就業(yè)數據的分析，了解不同專業(yè)的就業(yè)情況、就業(yè)分布、就業(yè)難易度等信息，從而更好地調整專業(yè)設置、優(yōu)化課程設置，提高畢業(yè)生就業(yè)率01準備活動點名、復習本次課學習內容、學習目標介紹學習內容任務一：使用Flask制作學生管理基礎網頁現(xiàn)在需要使用Python開發(fā)一個簡單的學生管理網站，當使用瀏覽器訪問網站的根“/”時指向index.html主頁，當訪問“/register”時指向register.html，當訪問“/manage”時指向manage.html。當使用瀏覽器訪問“/login?name=admin”時，頁面對name為admin的所有數據（用戶ID、性別、年齡、簽名、興趣）進行對應渲染。當我們使用瀏覽器訪問“/index?name=user”時，頁面對name為user的所有數據（用戶ID、性別、年齡、簽名、興趣）進行對應渲染任務1、Flask開發(fā)環(huán)境的安裝和使用任務2、使用Flask的路由功能任務3、使用Flask模板渲染學習目標1、知識（1）了解Flask作用（2）掌握Flask的安裝運行（3）理解Flask路由功能（4）掌握Flask模板渲染2、技能（1）能夠搭建Flask開發(fā)環(huán)境（2）能夠使用Flask路由功能（3）能夠使用Flask進行模板渲染3、素養(yǎng)（1）嚴謹認真、代碼規(guī)范；（2）數據安全、愛國精神；（3）信息檢索能力02發(fā)展活動任務分析、任務資訊、演示講解、任務實施學習內容1、教師講解

Flask的使用

Flask路由、模板渲染2、學生討論（1）Flask功能有哪些？（2）什么是路由？3、明確任務（1）Flask開發(fā)環(huán)境的安裝和基本使用（2）使用Flask的路由功能（3）使用Flask模板渲染任務資訊1、Flask開發(fā)環(huán)境的安裝和使用Flask是一個基于Python開發(fā)并且依賴jinja2模板和WerkzeugWSGI服務的一個微型框架。其用于接收http請求并對請求進行預處理，然后觸發(fā)Flask框架。（1）Flask安裝安裝Flask的命令：pipinstallflask如果想指定Flask的版本，那么就要使用以下命令：pipinstallflask==版本如果想升級Flask的版本，那么可以使用以下命令：pipinstall--upgradeflask==版本任務資訊（2）Flask的簡單使用新建一個Python腳本，命名為app1.py

打開瀏覽器，在地址欄輸入:5000/index訪問，可以看到“Hello,World!”字符任務資訊2、使用Flask的路由功能Flask路由就是對一個函數的映射，F(xiàn)lask的變量規(guī)則就是在路由URL中的一部分使用一個變量代替。（1）使用Flask的變量規(guī)則定制相應的路由新建一個Python腳本app2.py可以分別訪問:8080/userByName/tom、:8080/userById/1驗證效果。任務資訊（2）使用Flask的URL構建完成相應路由的編寫Flask的URL構建就是使用url_for()函數動態(tài)獲取路由中配置的URL，redirect可以實現(xiàn)網頁重定向：redirect(url)redirect(url_for("admin"))練一練

任務要求：定義一個這樣的路由，當我們訪問/admin時，瀏覽器顯示管理員：Admin；定義一個這樣的路由，當我們訪問/guest/alice時，瀏覽器顯示游客：alice；當我們訪問/guest/iris時，瀏覽器顯示游客：iris；定義一個這樣的路由，當我們訪問/user/admin時，頁面重定向到/admin；當我們訪問/user/xxx，頁面重定向到/guest/xxx（這里xxx表示任意字符串）。任務資訊任務資訊3、Flask模板渲染（1）編寫一個獲取GET請求中的參數并完成個人信息的數據渲染搭建一個基本的Flask骨架，目錄結構如下：static目錄：存放靜態(tài)資源文件，例如：CSS、JS、圖片、map3….等等；templates目錄：存放jinja2模板頁面，也就是HTML；app.py：Flask啟動程序任務資訊flask模板渲染示例1、目錄2、test.html3、test.py任務實施本任務主要分成兩部分進行開發(fā)：一部分是Flask后端程序，實現(xiàn)路由跳轉和數據發(fā)送的功能；另一部分是前端的網頁制作。任務實施map={

"admin":{

"userid":"1",

"sex":"男",

"age":"28",

"introduce":"生命不止，奮斗不息",

"power":"我是管理員，可以管理所有頁面。"

},

"user":{

"userid":"2",

"sex":"女",

"age":"20",

"introduce":"相信自己，一定能成功",

"power":"我是普通用戶，可以查閱信息和留言。"

}}任務實施本任務主要分成兩部分進行開發(fā)：一部分是Flask后端程序，實現(xiàn)路由跳轉和數據發(fā)送的功能；另一部分是前端的網頁制作。1、編寫后端程序后端程序大概包括如下步驟：

1）導入相關包和依賴2）配置路由，實現(xiàn)不同頁面的跳轉3）創(chuàng)建用戶字典數據

4）獲取網址參數并取得變量，得到用戶數據，在通過模板渲染跳轉頁面時攜帶參數到前端網頁中去

5）創(chuàng)建啟動代碼。2、編寫前端網頁前端網頁包括4個頁面任務實施3．驗證1）通過瀏覽器直接訪問站點:5000/，顯示學生管理者頁2）通過瀏覽器訪問:5000/register，顯示注冊頁面3）通過瀏覽器訪問:5000/manage，顯示管理頁面4）通過瀏覽器訪問:5000/login?name=admin，顯示管理員賬戶信息5）通過瀏覽器訪問:5000/login?name=user，顯示普通用戶賬戶信息03整合活動總結、知識點梳理學習總結拓展任務使用Jinja2完成表格的數據渲染任務要求：定義一個這樣的路由，當我們訪問/index時，瀏覽器顯示List中遍歷的數據，渲染模板為index2.html。Python中List的內容如下：app=Flask(__name__)List=[{"name":"alice","time":"2019-10-18",},{"name