《数据可视化技术》 课件 17 各专业招生录取人数分析、18 学生就业数据分析

《数据可视化技术》单元17各专业招生录取人数分析01准备活动点名、复习本次课学习内容、学习目标介绍学习内容任务：本任务主要利用Flask结合Web技术。要求使用Flask创建数据库，读出数据库数据，通过Web页面实现折线图展示各专业计划录取与实际录取人数对比情况。本单元学习前台网页结合后台Flask实现对数据库的增删改查。任务1、使用Flask连库建表任务2、使用Flask查询数据任务3、web页面制作学习目标1、知识（1）掌握mysql的数据导入（2）掌握Flask创建表模型的方法（3）掌握Flask对数据库增删改查（4）掌握Flask+Echarts的方法2、技能（1）能够使用Flask连接MySQL数据库和创建表映射（2）能够使用FlaskSQLAlchemy查询、插入、删除、调整（3）能够制作Echarts折线图的网页3、素养（1）严谨认真、代码规范；（2）数据安全、爱国精神；（3）信息检索能力02发展活动任务分析、任务资讯、演示讲解、任务实施任务资讯1、教师讲解

Flask连库建表查询、添加、删除、修改数据及对应网页制作2、学生讨论（1）Flask怎样结合web页面开发？（2）前台页面怎样传递数据到后台？3、明确任务（1）使用Flask连库建表（2）使用Flask查询、添加、删除、修改数据（3）制作主页、插入页面、修改页面任务实施任务：使用Flask操作数据库，实现志愿录取数据汇总任务主要步骤：定义视图定义模板Sql文件导入数据库Flask操作sqlalchemy创建数据库查询志愿录取数据使用Echarts折线图展示在web页面上任务实施1、app.py后台主程序（1）先在MySQL数据库中创建“web”数据库（2）Flask连接数据库（3）创建表模型，对应MySQL数据库中的表（4）创建/show路由，查询所有数据，并展示数据任务实施2、创建网页（1）创建show.html网页，实现数据展示功能03整合活动总结、知识点梳理学习总结拓展任务志愿填报和各专业招生录取人数分析：开发一个志愿填报系统，实现数据的增删改查。首次运行时向数据库中创建表；访问根站点时进入首页，展示学生志愿填报的汇总数据。单击“志愿填报：填写专业志愿”，转入志愿填报信息页面，可以输入省份、地级市、毕业学校，以及第一、第二、第三志愿，插入记录到数据库中，并返回志愿信息展示页面；在首页选择某条记录加以编辑，进入编辑页面，修改数据并提交后，完成记录的修改，并返回展示页面；在首页选择某条记录加以删除，则可以从数据库中删除相应记录信息。单击“各专业录取分析”，可以查看各专业计划录取与实际录取人数对比图。《数据可视化技术》单元18学生就业数据分析01准备活动点名、复习本次课学习内容、学习目标介绍学习内容任务：为了直观地查看学生在本省就业方面的数据，需要对就业数据进行统计分析，绘制本省各地市就业分布图。为了更详细地了解不同月份就业分布情况，还需要绘制三维图形来展示和对比分析。本单元学习Flask+Echarts+Jinja提取文件数据到网页端，再绘制柱状图、3D柱状图。任务1、Python处理文件数据任务2、绘制学生在本省各地市就业分布图任务3、绘制学生就业在不同月份各地市分布的三维柱状图学习目标1、知识（1）掌握Python数据处理方法（2）掌握Flask渲染模板（3）掌握Echarts柱状图、3D柱状图的绘制2、技能（1）能够使用Python处理数据（2）能够使用Flask将数据传递到网页（3）能够使用Jinja获取数据并通过Echarts展示出来3、素养（1）严谨认真、代码规范；（2）数据安全、爱国精神；（3）信息检索能力02发展活动任务分析、任务资讯、演示讲解、任务实施子任务一：绘制学生在本省各地市就业分布图1、使用Pandas读取“学生就业在本省分布情况.csv”文件，计算每个地市就业的总数，提取地区和就业总数数据，使用Flask模板渲染发送数据到Web前端，Web页面通过Jinja2获取数据，借助ECharts插件，绘制学生在本省各地市就业分布图。主要步骤：使用Python读取csv文件，提取“地区”一列疫情数据，提取“总数”一列数据使用flask渲染模板，同时将两列数据传递到网页中去在网页中调用echarts，使用Jinja获取数据，绘制柱状图任务实施效果图如下子任务2绘制学生就业在不同月份各地区分布情况的三维图2、本任务需要读取JSON数据，绘制三维柱状图，来查看学生在本省不同月份各地区的就业分布情况。1）JSON数据：JSON（JavaScriptObjectNotation）是一种轻量级数据交换格式，是Web应用中常见的一种数据格式。JSON是一个序列化的对象或数组。它由一套标记符的序列组成，这套标记符包含6个构造字符（左右大括号、左右中括号、冒号、逗号）、对象、数组、字符串、数字和3个字面值（false、null、true）。知识准备下列数据都是合法的JSON实例：其中由大括号括起来，中间使用逗号分隔键值对组成的字符串是最常见的JSON数据，JSON数据基本形式如下：2）JSON数据操作

Python中处理JSON数据的函数主要有json.dumps、json.dump、json.loads、json.load（1）json.dumps用于对数据进行编码，将Python中的字典数据转换为JSON字符串。（2）Json.dump用于将Python数据写入JSON文件知识准备知识准备2）JSON数据操作（3）json.loads用于对数据进行解码，将JSON字符串转换为Python中的字典数据。（4）json.loadjson.load用于打开JSON文件，并把字符串转换为Python的字典数据。知识准备2）ECharts三维柱状图

三维图一般至少有3个方面的参数，形成3D立体结构。在绘制三维图时需要导入ECharts.js、ECharts-gl.js依赖包，在option参数设置中一般需要指定grid3D、xAxis3D、yAxis3D、zAxis3D等项目，在series中使用type指定三维图类型，如：type：'bar3D'表示三维柱状图。

type：'scatter3D'表示三维散点图。

type：'line3D'表示三维折线图。

type：'map3D'表示三维地图。知识准备2）ECharts三维柱状图代码先导入了echarts.min.js、echarts-gl.min.js两个插件，再初始化ECharts实例，关联id为“main”的DIV，配置option参数。option中列出了3D效果的一些参数，但没有设置具体的值。运行该网页代码，结果如图4-4-1所示。任务实施本任务需要读取JSON数据，绘制三维柱状图，来查看学生在本省不同月份各地区的就业分布情况。主要步骤：(1)使用Python读取“学生就业在本省分布情况_3D数据.json”文件，提取x_city作为x轴数据，提取y_date作为y轴数据，提取data_jobs列表数据作为z轴数据。(2)