ECharts 案例演示

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

编号	班级	男生	女生
1	20软件1班	26	18
2	20软件2班	17	20
3	20大数据1班	24	30
4	20计应2班	21	24

运行效果的网页效果图

创建数据库与表

创建数据库 CREATE DATABASE 数据库名字；

CREATE DATABASE bootdb;

创建表结构 - t_class

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;

 

      代码插入表记录

INSERT INTO `t_class` VALUES (1, '20软件1班', 26, 18);
INSERT INTO `t_class` VALUES (2, '20软件2班', 17, 20);
INSERT INTO `t_class` VALUES (3, '20大数据1班', 24, 30);
INSERT INTO `t_class` VALUES (4, '20计应2班', 21, 24);

 创建Spring Boot项目

 添加依赖

 设置项目名称与保存位置

 在net.huawei.echarts包里创建