《ECharts数据可视化实战》课件第7章 实战项目开发：专业群发展监测平台 教案

实战项目开发:专业群发展监测平台教案课程名称：《ECharts数据可视化实战》课程类别：必修适用专业：大数据技术类、商务数据分析与应用、电子商务等相关专业总学时：64学时（其中理论32学时，实验32学时）总学分：4.0学分本章学时：8学时材料清单《ECharts数据可视化实战》教材。配套PPT。数据。代码。引导性提问。探究性问题。拓展性问题。教学目标与基本要求教学目标首先介绍专业群发展监测平台项目的一些关键的开发思路。然后介绍学校数据可视化分析大屏的设计与实现。再介绍登录页的设计与实现。最后介绍在学校大屏中柱状图、折线图、饼图和雷达图的制作。基本要求使用Vue-cli脚手架工具创建Vue项目。项目的设计思路。学校数据可视化分析大屏的设计与实现。登录页的设计与实现。在学校大屏中柱状图、折线图、饼图和雷达图的制作。问题引导性提问引导性提问需要教师根据教材内容和学生实际水平，提出问题，启发引导学生去解决问题，提问，从而达到理解、掌握知识，发展各种能力和提高思想觉悟的目的。单页面应用程序有什么优势？探究性问题探究性问题需要教师深入钻研教材的基础上精心设计，提问的角度或者在引导性提问的基础上，从重点、难点问题切入，进行插入式提问。或者是对引导式提问中尚未涉及但在课文中又是重要的问题加以设问。专业群发展监测平台项目的功能是如何划分的？拓展性问题拓展性问题需要教师深刻理解教材的意义，学生的学习动态后，根据学生学习层次，提出切实可行的关乎实际的可操作问题。亦可以提供拓展资料供学生研习探讨，完成拓展性问题。完成没有制作的图表，完善专业群发展监测平台整个项目。主要知识点、重点与难点主要知识点使用Vue-cli脚手架工具创建Vue项目。项目的设计思路。学校数据可视化分析大屏的设计与实现。登录页的设计与实现。在学校大屏中柱状图、折线图、饼图和雷达图的制作。重点在学校大屏中柱状图、折线图、饼图和雷达图的制作。难点完成没有制作的图表，完善专业群发展监测平台整个项目。教学过程设计理论教学过程了解Vue脚手架及单页面应用程序。熟悉Vue环境安装。Vue项目的创建。Vue项目的目录结构。项目运行流程。Vue组件文件结构。了解专业群发展监测平台项目结构。熟悉Vue单文件组件的三个组成部分。掌握大屏的设计方法及学校数据可视化分析大屏的具体设计。掌握学校数据可视化分析大屏中柱状图的制作方法。掌握利用Axios从后端获取数据的方法。利用Element-UI设计静态登录页。使用Axios技术，完成登录页面功能的具体实现。掌握在学校大屏中绘制折线图的方法。掌握在学校大屏中绘制饼图的方法。掌握在学校大屏中绘制雷达图的方法。实验教学过程Vue环境安装。利用Element-UI设计静态登录页。使用Axios技术，完成登录页面功能的具体实现。掌握在学校大屏中绘制折线图的方法。掌握在学校大屏中绘制饼图的方法。掌握在学校大屏中绘制雷达图的方法。完成在学校大屏中绘制其它图表的方法。配置用户分析可视化仪表盘教材与参考资料教材范路桥，郑述招，陈红玲，等．ECharts数据可视化实战[M]．西安：西安电子科技大学出版社．2023．参考资料范路桥，张良均，郑述招，等[M].Web数据可视化(ECharts版).北京：人民邮电出版社，2021.黑马程序员.Vue.js前端开发实战[M].北京：人民邮电出版社，2020.师晓利，刘志远，杜琰琪.Vue.js前端开发实战[M].北京：人民邮电出版社，2020.王凤丽，豆连军.Vue.js前端开发技术[M].北京：人民邮电出版社，2019.肖睿，龙颖，李辉，等.Vue.js企业开发实战[M].北京：人民邮电出版社，2018.百度ECharts官网./zh/2022-5-7.ECharts教程W3cschool./e