《數(shù)據(jù)可視化技術(shù)》 課件 15 學(xué)生管理基礎(chǔ)網(wǎng)頁(yè)制作

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

Flask的使用

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

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

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

"admin":{

"userid":"1",

"sex":"男",

"age":"28",

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

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

},

"user":{

"userid":"2",

"sex":"女",

"age":"20",

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

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

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

1）導(dǎo)入相關(guān)包和依賴(lài)2）配置路由，實(shí)現(xiàn)不同頁(yè)面的跳轉(zhuǎn)3）創(chuàng)建用戶(hù)字典數(shù)據(jù)

4）獲取網(wǎng)址參數(shù)并取得變量，得到用戶(hù)數(shù)據(jù)，在通過(guò)模板渲染跳轉(zhuǎn)頁(yè)面時(shí)攜帶參數(shù)到前端網(wǎng)頁(yè)中去

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