今日分享开始啦，请大家多多指教~

一、提出任务

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

（一）班级数据

（二）运行效果

二、实现步骤

（一）创建数据库与表

1、创建数据库 - test

create database test;

2、创建数据表 - t_class

• 创建表结构

• 插入表记录

INSERT INTO `t_class` VALUES (1, '19 软件 1 班', 26, 18);

INSERT INTO `t_class` VALUES (2, '19 软件 2 班', 17, 20);

INSERT INTO `t_class` VALUES (3, '19 大数据 1 班', 24, 30);

INSERT INTO `t_class` VALUES (4, '19 计应 1 班', 21, 24);

• 查看表记录

（二）创建 Spring Boot 项目 - EChartsDemo

（三）创建班级实体类 - Clazz

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

（五）创建班级映射器配置文件 - ClazzMapper.xml

（六）创建班级服务类 - ClazzService

（七）创建班级控制器 - ClazzController

（八）在项目里添加 ECharts 和 jQuery

• 在 static 里创建 js 目录，添加 echarts.min.js 与 jquery.min.js

（九）在 pom.xml 文件里添加 Druid 依赖

（十）配置数据源与 MyBatis

• 将 application.properties 更名为 application.yaml

（十一）创建显示可视化数据的页面 - index.html

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

• 启动应用

• 访问 http://localhost:8080/index

• 单击【显示柱状图】按钮

今日份分享已结束，请大家多多包涵和指点！