爱了！阿里内部首发Spring Boot成长笔记，7天让你从掌握到精通

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

一、提出任务

查询班级表数据，利用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:80XX/index

单击【显示柱状图】按钮

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