Spring boot + ECharts

本文通过创建数据库和表,建立Spring Boot项目,定义班级实体类、映射器接口、服务类和控制器,引入ECharts和jQuery,配置Druid数据源,展示如何在Spring Boot中整合ECharts进行数据可视化。
摘要由CSDN通过智能技术生成

文章目录

一、创建数据库与表
    (一)创建数据库
    (二)创建数据表
二、创建Spring Boot项目
三、创建班级实体类
四、创建班级映射器接口
五、创建班级映射器配置文件
六、创建班级服务类
七、创建班级控制器
八、添加ECharts和jQuery脚本
九、添加Druid起步依赖
十、修改应用属性文件
十一、创建页面可视化数据
十二、启动应用,查看结果

一、创建数据库与表
(一)创建数据库

创建数据库 - bootdb

CREATE DATABASE bootdb;

1

执行上面命令,效果图如下:

在这里插入图片描述

(二)创建数据表

创建表结构-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班’, 33, 22);
INSERT INTO t_class VALUES (2, ‘20数据2班’, 24, 29);
INSERT INTO t_class VALUES (3, ‘20软件1班’, 22, 33);
INSERT INTO t_class VALUES (4, ‘20软件2班’, 26, 37);

执行上面语句,效果如下图所示:

在这里插入图片描述


                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值