数据库数据显示在java表中_实现 从数据库读取数据显示在前台echarts图表里,图表可根据数据库数据实时更新。效果如图...

实现 从数据库读取数据显示在前台echarts图表里,图表可根据数据库数据实时更新。效果如图

a0ae8dbb27ae1cf0bca1910590e2dc9f.png实现步骤

- 1.创建数据表

- 2.建立Java Web Project

- 3.创建Bean对象

- 4.创建DAO

- 5.创建Servlet对象

- 6.配置web.xml

- 7.编写JSP前台并简单配置ECharts

1 创建数据表

首先新建test数据库,然后创建表bar,插入数据。代码如下

USE test;

CREATE TABLE bar(NAME VARCHAR(50),num INT);

INSERT INTO bar VALUES("pc",50);

INSERT INTO bar VALUES("tv",65);

INSERT INTO bar VALUES("电冰箱",50);

INSERT INTO bar VALUES("洗衣机",99);

2

2.建立Java Web Project

新建项目Dynamic Web Project,命名为echarts_demo,其他的默认即可。

9ba8c3009d585cbe8a0f64b77828b46f.png

下载

把lib文件中的所有jar文件拷贝到项目webroot/web-ing/lib 文件夹下, 并把每个jar文件 加入项目的构造路径。

3.创建Bean对象

在src目录下新建包com.bean,并创建对象Bar,代码如下:

a72a73e28b2cf45b7cd5506ec4c3139b.png

4.创建DAO

使用的是最原始也是最简单的JDBC的方式连接MySQL数据库,也是为了更专注于交互实现。在src目录下新建包com.dao,并创建对象BarDao,代码如下:

cf49f5f2778ccd555e77bd460c3a90de.png

5.创建Servlet对象,实现服务器后台向前台JSP响应数据

在src目录下新建包com.servlet,并创建对象BarService,JsoService,代码如下

18067484e619f6c998a759248e0fbea0.png

创建JsoService

e6c7906fc2e59e14574746939010a1ec.png

6.配置web.xml

9e0c0fc1a580bc521e7d70ff61d1ccc1.png

7. 下载

并拷贝到WebRoot根目录下;

编写JSP前台echarts.jsp,并简单配置ECharts

32f8f71cfbdbb17442b1eed925d5b420.png

16c49891ef92ff4249e07b3e0f07f05e.png

73bb29ca3e6085e4ac35bba7755ad8a2.png

b980f38b334ae4e8b20233283c1ce352.png

最后部署运行

  • 5
    点赞
  • 30
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值