echarts实训5：Spring Boot + ECharts 案例演示

目录

一、提出任务

（一）数据

（二）运行效果

二、完成任务

（一）创建数据库与表

1、创建数据库

 2、创建数据表

 3、插入表记录

（二）创建Spring Boot项目

（三）创建班级实体类 

 （四）创建班级映射器接口

（五）创建班级映射器配置文件

（六）创建班级服务类 

（七）创建班级控制器

（八）添加ECharts和jQuery脚本 

（九）添加Druid起步依赖

（十）修改应用属性文件

（十一）创建页面可视化数据 

（十二）启动应用，查看结果

---

一、提出任务

• 后端利用Spring Boot查询班级表数据，前端利用ECharts绘制各班人数柱形图。

（一）数据

编号	班级	男生	女生
1	20计应3班	24	12
2	20软件1班	25	20
3	20智能4班	19	23
4	20计应1班	24	18

（二）运行效果

二、完成任务

（一）创建数据库与表

1、创建数据库

CREATE DATABASE bootdb;

 2、创建数据表

CREATE TABLE `t_class`  (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `class` varchar(50) CHARACTER SET utf8 DEFAULT NULL,
  `boys` int(11) DEFAULT NULL,
  `girls` int(11) DEFAULT NULL,
  PRIMARY KEY (`id`) USING BTREE
) ENGINE = InnoDB AUTO_INCREMENT = 5 CHARACTER SET = utf8;

 3、插入表记录

INSERT INTO `t_class` VALUES (1, '20计应3班', 24, 12);
INSERT INTO `t_class` VALUES (2, '20软件1班', 25, 20);
INSERT INTO `t_class` VALUES (3, '20智能4班', 19, 23);
INSERT INTO `t_class` VALUES (4, '20计应1班', 24, 18);

 查看班级表记录

（二）创建Spring Boot项目

利用Spring Initializr创建Spring Boot项目 - EChartsDemo

 添加依赖

&nb