《数据可视化技术》 课件 15 学生管理基础网页制作

《数据可视化技术》单元15学生管理基础网页制作项目介绍项目四：高校招生就业数据分析与可视化本项目采集了某高职院校的招生、就业数据。高职院校通过对招生数据的分析，了解不同专业的招生情况、招生分布、招生难易度等信息，从而更好地制订招生计划，提高招生效率。高职院校通过对历年毕业生就业数据的分析，了解不同专业的就业情况、就业分布、就业难易度等信息，从而更好地调整专业设置、优化课程设置，提高毕业生就业率01准备活动点名、复习本次课学习内容、学习目标介绍学习内容任务一：使用Flask制作学生管理基础网页现在需要使用Python开发一个简单的学生管理网站，当使用浏览器访问网站的根“/”时指向index.html主页，当访问“/register”时指向register.html，当访问“/manage”时指向manage.html。当使用浏览器访问“/login?name=admin”时，页面对name为admin的所有数据（用户ID、性别、年龄、签名、兴趣）进行对应渲染。当我们使用浏览器访问“/index?name=user”时，页面对name为user的所有数据（用户ID、性别、年龄、签名、兴趣）进行对应渲染任务1、Flask开发环境的安装和使用任务2、使用Flask的路由功能任务3、使用Flask模板渲染学习目标1、知识（1）了解Flask作用（2）掌握Flask的安装运行（3）理解Flask路由功能（4）掌握Flask模板渲染2、技能（1）能够搭建Flask开发环境（2）能够使用Flask路由功能（3）能够使用Flask进行模板渲染3、素养（1）严谨认真、代码规范；（2）数据安全、爱国精神；（3）信息检索能力02发展活动任务分析、任务资讯、演示讲解、任务实施学习内容1、教师讲解

Flask的使用

Flask路由、模板渲染2、学生讨论（1）Flask功能有哪些？（2）什么是路由？3、明确任务（1）Flask开发环境的安装和基本使用（2）使用Flask的路由功能（3）使用Flask模板渲染任务资讯1、Flask开发环境的安装和使用Flask是一个基于Python开发并且依赖jinja2模板和WerkzeugWSGI服务的一个微型框架。其用于接收http请求并对请求进行预处理，然后触发Flask框架。（1）Flask安装安装Flask的命令：pipinstallflask如果想指定Flask的版本，那么就要使用以下命令：pipinstallflask==版本如果想升级Flask的版本，那么可以使用以下命令：pipinstall--upgradeflask==版本任务资讯（2）Flask的简单使用新建一个Python脚本，命名为app1.py

打开浏览器，在地址栏输入:5000/index访问，可以看到“Hello,World!”字符任务资讯2、使用Flask的路由功能Flask路由就是对一个函数的映射，Flask的变量规则就是在路由URL中的一部分使用一个变量代替。（1）使用Flask的变量规则定制相应的路由新建一个Python脚本app2.py可以分别访问:8080/userByName/tom、:8080/userById/1验证效果。任务资讯（2）使用Flask的URL构建完成相应路由的编写Flask的URL构建就是使用url_for()函数动态获取路由中配置的URL，redirect可以实现网页重定向：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目录：存放静态资源文件，例如：CSS、JS、图片、map3….等等；templates目录：存放jinja2模板页面，也就是HTML；app.py：Flask启动程序任务资讯flask模板渲染示例1、目录2、test.html3、test.py任务实施本任务主要分成两部分进行开发：一部分是Flask后端程序，实现路由跳转和数据发送的功能；另一部分是前端的网页制作。任务实施map={

"admin":{

"userid":"1",

"sex":"男",

"age":"28",

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

"power":"我是管理员，可以管理所有页面。"

},

"user":{

"userid":"2",

"sex":"女",

"age":"20",

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

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

}}任务实施本任务主要分成两部分进行开发：一部分是Flask后端程序，实现路由跳转和数据发送的功能；另一部分是前端的网页制作。1、编写后端程序后端程序大概包括如下步骤：

1）导入相关包和依赖2）配置路由，实现不同页面的跳转3）创建用户字典数据

4）获取网址参数并取得变量，得到用户数据，在通过模板渲染跳转页面时携带参数到前端网页中去

5）创建启动代码。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