后端利用Spring Boot查询班级表数据，前端利用ECharts绘制各班人数柱形图。
（一）班级数据
编号班级男生女生120软件1班2618220软件2班1720320大数据1班2430420计应2班2124（二）运行效果
二、完成任务 （一）创建数据库与表1、创建数据库 创建数据库 - bootdb
执行上述命令
2、创建数据表
创建表结构 - t_class
执行上述命令
插入表记录
执行上述语句
查看班级表记录
（二）创建Spring Boot项目利用Spring Initializr创建Spring Boot项目 - EChartsDemo
添加依赖
设置项目名称与保存位置
单击【Finish】按钮
（三）创建班级实体类在net.huawei.echarts包里创建bean子包，在子包里创建Clazz类
（四）创建班级映射器接口在net.huawei.echarts包里创建mapper子包，在子包里创建ClazzMapper接口
（五）创建班级映射器配置文件在resources里创建mapper目录，在里面创建ClazzMapper.xml
（六）创建班级服务类在net.huawei.echarts包里创建service子包，在子包里创建ClazzService类
（七）创建班级控制器在net.huawei.echarts包里创建controller子包，在子包里创建ClazzController类
（八）添加ECharts和jQuery脚本在static里创建js目录，添加echarts.min.js与jquery.min.js
（九）添加Druid起步依赖在pom.xml文件里添加Druid针对Spring Boot的起步依赖
（十）修改应用属性文件将application.properties更名为application.yaml
（十一）创建页面可视化数据在templates目录里创建index.html
（十二）启动应用，查看结果启动应用（端口号：8888）
访问http://localhost:8888
单击【显示柱状图】按钮
到此这篇关于Spring Boot结合ECharts案例演示示例的文章就介绍到这了,更多相关Spring Boot结合ECharts内容请搜索七叶笔记以前的文章或继续浏览下面的相关文章希望大家以后多多支持七叶笔记！
