本文介绍如何利用jsp、Echarts和MySQL数据库创建动态数据图表。通过在eclipse中创建Dynamic web project，导入必要的jar包，连接数据库，并在jsp文件中获取数据，实现了从数据库获取数据并在Echarts中展示图表的功能。详细步骤包括创建jsp文件、添加数据库连接代码、部署js文件等。
实现可视化的图表，jsp+mysql+eclipse，从数据库拿数据改变表格的数据算是echarts的初始入门案例的升级版。
想了解Echarts的各位大大-----》传送门
https://echarts.apache.org/examples/zh/editor.html?c=pie-doughnut
效果图：
从Echarts中获得可视化图表，关于如何获得可视化图表，请详见
https://blog.csdn.net/aaaaaaddddsssss/article/details/106585094https://blog.csdn.net/aaaaaaddddsssss/article/details/106585094
通过jsp获得动态的数据，从mysql数据库中取数据
首先打开eclispe
创建一个Dynamic web project
在webContent下面可以放html，js等文件，首先得导入几个jar包。
连接mysql的jar包—》mysql-connector-java-5.1.21.jar。连接Tomcat服务器的jar包—》servlet-api.jar
将这个包复制粘贴到lib目录下，鼠标右键
Add to Build Path
添加之后就可以实现与数据库的链接
在webcontent目录下新建一个jsp文件
给jsp文件取一个名字Shu.jsp
File name —>文件名
点击Finish创建完成
将如下内容覆盖新建jsp文件中默认生成的内容
在这里插入代码片
<%@ page language="java" import="java.util.*,java.sql.*"
pageEncoding="gb2312"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>从数据库中获取数据</title>
</head>
<body>
<%
String str = null, str1 = null, str2 = null, str3 = null, str4 = null, str5 = null;
int number = 0, number1 = 0, number2 = 0, number3 = 0, number4 = 0, number5 = 0;
// 1.装载数据驱动
Class.forName("com.mysql.jdbc.Driver");
//2.连接数据库
//数据库名：school
//账号名：root
//密码：root
Connection con = DriverManager.getConnection("jdbc:mysql://localhost:3306/soil", "root", "root");
//3.创建语句对象
Statement stmt = con.createStatement();
//4.执行SQL语句
String sql = "select * from test";
//返回ResultSet实例化对象
ResultSet rs = stmt
最低0.47元/天 解锁文章
8809
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
