文章目录 一、项目需求 二、实现步骤 (一)安装插件 1、Lombok插件 2、MyBatisX插件 (二)准备数据库 1、下载数据库脚本 - lzy_student.sql 2、创建数据库 - lzy_student 3、运行数据库脚本 4、查看数据表记录 (三)创建Spring Boot项目 - WelcomeFreshmenECharts (四)创建实体类 1、针对数据库的实体类 (1)创建学生实体类 - Student 2、创建针对业务需求的实体类 (1)创建学生业务实体类 - StudentBiz (2)创建数据业务实体类 - DataBiz (3)创建映射业务实体类 - MapBiz (五)创建学生映射器接口 (六)配置应用属性文件 - application.properties (七)创建学生映射器配置文件 - StudentMapper.xml (八)创建学生服务类 - StudentService (九)添加脚本静态资源 1、下载脚本资源 (1)china.js (2)echarts.min.js (3)jquery.min.js 2、将脚本资源放到static目录 (十)创建控制器 1、创建数据控制器 - DataController (1)按性别获取学生人数信息 (2)按学院性别获取学生人数信息 (3)按报到与否获取学生人数信息 (4)按学院报到获取学生人数信息 (5)按生源地获取学生人数信息 2、创建视图控制器 - ViewController (十一)创建可视化页面 1、按性别可视化学生人数 2、按学院性别可视化学生人数 3、按报到与否可视化学生人数 4、按学院可视化报到与未报到人数 5、按生源地可视化学生人数 三、课后作业 任务1、按专业可视化学生人数 任务2、按专业可视化男女生人数 任务3、创建index.html页面整合全部可视化 四、补充说明 一、项目需求 可视化男女生人数比例 可视化报到未报到人数比例 可视化各学院学生人数比例 可视化各学院男女生人数比例 可视化生源地比例 二、实现步骤 (一)安装插件 1、Lombok插件 2、MyBatisX插件 (二)准备数据库 1、下载数据库脚本 - lzy_student.sql 链接: