这里引用了王正帅同学的图片 地址如下:https://www.cnblogs.com/20183544-wangzhengshuai/p/12409216.html
一、总体感受
首先,说一些我个人感受,这是本人第一次接触图表可视化插件的使用,
说实话,刚开始编代码还是很懵的,而且刚开始的编代码的时候,我有点
心浮气躁了,我直接在网上去找与题目直接相关的代码,明明自己对Echarts
包括语法、配置什么也不了解,就直接看别人代码,这也直接导致了我编代
码效率低下,而且错误极其的多,所以后来我决定将大问题分解,先学基本
语法,再结合一些网上的一些小demo,自己写了一些小demo,然后再去结
合实例和代码去写这三道题,我学到了分解问题是个很好的解决问题思路。
二、题目、源代码、运行测试
1 、第一阶段目标:(1)导入全国疫情数据库payiqing.sql(MySQL数据库)(2)可以按照时期查询各个省市的疫情统计表格。(3)以折线图或柱状图展示某天的全国各省的确诊人数。
2、思路
这题可以通过前台输入一个时间参数,然后经过Servlet获取此参数并且调用Dao
中的方法获取一个list(里面数据是对应省份和确诊人数),然后将这个list传给前台,
前台通过获取数据并按照Echarts制作图表的语法完成一个柱状图展示
3、源代码
DBUtil.java(连接数据库代码)
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
package DBUtil;
import java.sql.*;
/**
* 数据库连接工具
* @author Hu
*
*/
public class DBUtil {
public static String url = "jdbc:mysql://localhost:3306/testr?serverTimezone=UTC";
public static String user = "root";
public static String password = "123";
public static Connection getConn () {
Connection conn = null;
try {
Class.forName("com.mysql.cj.jdbc.Driver");//加载驱动
conn = DriverManager.getConnection(url, user, password);
} catch (Exception e) {
e.printStackTrace();
}
return conn;
}
/**
* 关闭连接
* @param state
* @param conn
*/
public static void close (PreparedStatement preparedState, Connection conn) {
if (preparedState != null) {
try {
preparedState.close();
} catch (SQLException e) {
e.printStackTrace();
}
}
if (conn != null) {
try {
conn.close();
} catch (SQLException e) {
e.printStackTrace();
}
}
}
public static void close (ResultSet rs, PreparedStatement preparedState, Connection conn) {
if (rs != null) {
try {
rs.close();
} catch (SQLException e) {
e.printStackTrace();
}
}
if (preparedState != null) {
try {
preparedState.close();
} catch (SQLException e) {
e.printStackTrace();
}
}
if (conn != null) {
try {
conn.close();
} catch (SQLException e) {
e.printStackTrace();
}
}
}
/**
* 关闭连接
* @param state
* @param conn
*/
public static void close (Statement state, Connection conn) {
if (state != null) {
try {
state.close();
} catch (SQLException e) {
e.printStackTrace();
}
}
if (conn != null) {
try {
conn.close();
} catch (SQLException e) {
e.printStackTrace();
}
}
}
public static void close (ResultSet rs, Statement state, Connection conn) {
if (rs != null) {
try {
rs.close();
} catch (SQLException e) {
e.printStackTrace();
}
}
if (state != null) {
try {
state.close();
} catch (SQLException e) {
e.printStackTrace();
}
}
if (conn != null) {
try {
conn.close();
} catch (SQLException e) {
e.printStackTrace();
}
}
}
public static void main(String[] args) throws SQLException {
Connection conn = getConn();
PreparedStatement preparedStatement = null;
ResultSet rs = null;
String sql ="select * from testr";
preparedStatement = conn.prepareStatement(sql);
rs = preparedStatement.executeQuery();
if(rs.next()){
System.out.println("数据库为空");
}
else{
System.out.println("数据库不为空");
}
}
}
View Code
Dao.java
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
package Dao;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;
import java.util.ArrayList;
import java.util.List;
import DBUtil.DBUtil;
import Javabean.Yi;
public class Dao {
public List search(String Date) {
String sql = "select * from info where Date= '"+Date+"'";
List list = new ArrayList();
Connection conn = DBUtil.getConn();
Statement state = null;
ResultSet rs = null;
try {
state = conn.createStatement();
rs = state.executeQuery(sql);
Yi bean = null;
int i=0;
while (rs.next()) {
if(i |