SpringBoot + ECharts案例演示

最新推荐文章于 2025-04-12 15:25:19 发布

潘潘.tel

最新推荐文章于 2025-04-12 15:25:19 发布

阅读量408

点赞数

文章标签： echarts java spring boot

本文链接：https://blog.youkuaiyun.com/py20010218/article/details/125311294

版权

该博客介绍了如何通过SpringBoot后端查询数据库，并结合ECharts前端库，绘制班级男女学生人数的柱状图。首先创建数据库及班级表，接着建立SpringBoot项目，定义班级实体类、映射器接口和服务类。然后，配置Druid数据源，更新应用属性文件为yaml格式，创建页面并引入ECharts和jQuery脚本。最后，启动应用，页面上可查看到柱状图展示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、提出任务

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

二、完成任务

（一）创建数据库与表

1、创建数据库

创建数据库-bootdb

命令：CREATE DATABASE bootdb;

2、创建数据表

创建表结构-t_class
CREATE TABLE t_class (
id int(11) NOT NULL AUTO_INCREMENT, classvarchar(50) CHARACTER SET utf8 DEFAULT NULL, boysint(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);

查看班级表记录

在这里插入图片描在这里插入图片描述
述