使用Echarts+Javaweb可视化数据库中数据

您所在的位置:网站首页 echarts地图数据分析 使用Echarts+Javaweb可视化数据库中数据

使用Echarts+Javaweb可视化数据库中数据

2023-08-16 20:20| 来源: 网络整理| 查看: 265

这里引用了王正帅同学的图片 地址如下: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(连接数据库代码)

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

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


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3