十九、spring boot 和echarts表图

zlwm000

已于 2022-06-23 17:36:37 修改

阅读量388

点赞数

文章标签：大数据

于 2022-06-23 17:25:57 首次发布

本文链接：https://blog.csdn.net/zlwm000/article/details/125431364

版权

本文档介绍了如何利用Spring Boot查询班级数据，并结合Echarts展示各班人数的柱状图。首先，创建数据库和表，接着搭建Spring Boot项目，设计实体类、映射器接口和服务类，再添加ECharts和jQuery脚本，以及Druid依赖。最后，创建页面并启动应用，展示可视化结果。

摘要由CSDN通过智能技术生成

@[TOC]

一、提出任务

利用后端 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, '2020级人智1班', 26, 18);
INSERT INTO `t_class` VALUES (2, '2020级软件2班', 17, 20);
INSERT INTO `t_class` VALUES (3, '2020级大数据1班', 24, 30);
INSERT INTO `t_class` VALUES (4, '2020级计应2班', 21, 24);

在这里插入图片描述