Spring Boot + ECharts 案例演示

一、提出任务

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

（一）班级数据

（二）运行效果

二、完成任务

（一）创建数据库与表

1、创建数据库

• 创建数据库 - bootdb

  CREATE DATABASE bootdb;
  

  执行上述命令

• 

  2、创建数据表

• 创建表结构 - 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项目

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

 

设置项目名称与保存位置

 单击【Finish】按钮

（三）创建班级实体类

• 在net.zxy.echarts包里创建