标签：实战 java mieba num 信件 import 市政 com public
首先是目录结构
Com.mieba.bean包里装的类是model，负责把数据封装起来
Com.mieba.dao包里装的类是负责和数据库打交道，把数据从数据库中取出来
Com.mieba.servlet包里装的类是控制器，负责把数据传输给view（jsp页面）
代码
1 package com.mieba.bean;
2
3 public class First {
4
5 private int year;
6 private int num;
7 public int getYear() {
8 return year;
9 }
10 public void setYear(int year) {
11 this.year = year;
12 }
13 public int getNum() {
14 return num;
15 }
16 public void setNum(int num) {
17 this.num = num;
18 }
19
20 }
1 package com.mieba.dao;
2
3 import java.sql.Connection;
4 import java.sql.DriverManager;
5 import java.sql.PreparedStatement;
6 import java.sql.ResultSet;
7 import java.sql.SQLException;
8 import java.util.ArrayList;
9
10 import com.mieba.bean.First;
11
12 public class FirstDao
13 {
14 public ArrayList<First> query()
15 {
16 ArrayList<First> barArr = new ArrayList<First>();
17 try
18 {
19 // JDBC方式连接MySQL数据库
20 Class.forName("com.mysql.cj.jdbc.Driver");
21 Connection conn = DriverManager.getConnection(
22 "jdbc:mysql://localhost:3306/pacaptical?&useSSL=false&serverTimezone=UTC", "root", "9527");
23 PreparedStatement stmt = conn
24 .prepareStatement("select year,num from lenum");
25 ResultSet rs = stmt.executeQuery();
26 // 将test表中的数据存储到线性表中
27 while (rs.next())
28 {
29 //
30
31 First bar = new First();
32 bar.setYear(rs.getInt("year"));
33 bar.setNum(rs.getInt("num"));
34 // System.out.println("province:"+bar.getProvince()+"confirm:"+bar.getConfirm());
35 barArr.add(bar);
36
37 }
38 // 关闭连接
39 conn.close();
40 } catch (SQLException e)
41 {
42 e.printStackTrace();
43 } catch (ClassNotFoundException e)
44 {
45 e.printStackTrace();
46 }
47
48 return barArr;
49 }
50 }
1 package com.mieba.servlet;
2
3 import java.io.IOException;
4 import java.io.PrintWriter;
5 import java.util.ArrayList;
6
7 import javax.servlet.ServletException;
8 import javax.servlet.annotation.WebServlet;
9 import javax.servlet.http.HttpServlet;
10 import javax.servlet.http.HttpServletRequest;
11 import javax.servlet.http.HttpServletResponse;
12
13 import com.mieba.bean.First;
14 import com.mieba.dao.FirstDao;
15 import net.sf.json.JSONArray;
16
17 /**
18 * Servlet implementation class FirstServlet
19 */
20 @WebServlet("/FirstServlet")
21 public class FirstServlet extends HttpServlet {
22 private static final long serialVersionUID = 1L;
23
24 /**
25 * @see HttpServlet#HttpServlet()
26 */
27 public FirstServlet() {
28 super();
29 // TODO Auto-generated constructor stub
30 }
31
32 /**
33 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
34 */
35 protected void doGet(HttpServletRequest request, HttpServletResponse resp) throws ServletException, IOException {
36 // TODO Auto-generated method stub
37 //创建DAO
38 FirstDao barDao = new FirstDao();
39 //从数据库里取数据
40 ArrayList<First> barArr = barDao.query();
41 //设置服务器响应时向JSP表示层传输数据的编码格式
42 resp.setContentType("text/html; charset=utf-8");
43 //ArrayList对象转化为JSON对象
44 JSONArray json = JSONArray.fromObject(barArr);
45 //控制台显示JSON
46 System.out.println(json.toString());
47 //返回到JSP
48 PrintWriter writer = resp.getWriter();
49 writer.println(json);
50 writer.flush();
51 //关闭输出流
52 writer.close();
53 }
54
55 /**
56 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
57 */
58 protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
59 // TODO Auto-generated method stub
60 doGet(request, response);
61 }
62
63 }
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName()
+ ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Hello ECharts</title>
<!-- 使用单文件引入的方式使用ECharts.JS -->
<script src="echarts.min.js"></script>
<script src="jquery-1.9.1.min.js"></script>
</head>
<body>
<!-- DOM用来设置展示ECharts图表的区域 -->
<div id="myDiv" style="height: 400px"></div>
<script type="text/javascript">
function loadData(option) {
$.ajax({
type : 'post', //传输类型
async : false, //同步执行
url : 'FirstServlet', //web.xml中注册的Servlet的url-pattern
data : {},
dataType : 'json', //返回数据形式为json
success : function(result) {
if (result) {
//初始化xAxis[0]的data
option.xAxis[0].data = [];
for (var i=0; i<result.length; i++) {
option.xAxis[0].data.push(result[i].year);
}
//初始化series[0]的data
option.series[0].data = [];
for (var i=0; i<result.length; i++) {
option.series[0].data.push(result[i].num);
}
}
},
error : function(errorMsg) {
alert("加载数据失败");
}
});//AJAX
}//loadData()
var myChart = echarts.init(document.getElementById('myDiv'));
var option = {
tooltip : {
show : true
},
legend : {
data : [ '信件数' ]
},
xAxis : [ {
type : 'category'
} ],
yAxis : [ {
type : 'value'
} ],
series : [ {
name : '信件数',
type : 'line'
} ]
};
//加载数据到option
loadData(option);
//设置option
myChart.setOption(option);
</script>
</body>
</html>
1 package com.mieba.bean;
2
3 public class Second
4 {
5
6 private String kind;
7 private int num;
8 public String getKind()
9 {
10 return kind;
11 }
12 public void setKind(String kind)
13 {
14 this.kind = kind;
15 }
16 public int getNum()
17 {
18 return num;
19 }
20 public void setNum(int num)
21 {
22 this.num = num;
23 }
24
25 }
1 package com.mieba.dao;
2
3 import java.sql.Connection;
4 import java.sql.DriverManager;
5 import java.sql.PreparedStatement;
6 import java.sql.ResultSet;
7 import java.sql.SQLException;
8 import java.util.ArrayList;
9
10 import com.mieba.bean.Second;
11
12 public class SecondDao
13 {
14 public ArrayList<Second> query()
15 {
16 ArrayList<Second> barArr = new ArrayList<Second>();
17 try
18 {
19 // JDBC方式连接MySQL数据库
20 Class.forName("com.mysql.cj.jdbc.Driver");
21 Connection conn = DriverManager.getConnection(
22 "jdbc:mysql://localhost:3306/pacaptical?&useSSL=false&serverTimezone=UTC", "root", "9527");
23 PreparedStatement stmt = conn
24 .prepareStatement("select kind,num from typenums");
25 ResultSet rs = stmt.executeQuery();
26 // 将test表中的数据存储到线性表中
27 while (rs.next())
28 {
29 //
30
31 Second bar = new Second();
32 bar.setKind(rs.getString("kind"));
33 bar.setNum(rs.getInt("num"));
34 // System.out.println("province:"+bar.getProvince()+"confirm:"+bar.getConfirm());
35 barArr.add(bar);
36
37 }
38 // 关闭连接
39 conn.close();
40 } catch (SQLException e)
41 {
42 e.printStackTrace();
43 } catch (ClassNotFoundException e)
44 {
45 e.printStackTrace();
46 }
47
48 return barArr;
49 }
50 }
1 package com.mieba.servlet;
2
3 import java.io.IOException;
4 import java.io.PrintWriter;
5 import java.util.ArrayList;
6
7 import javax.servlet.ServletException;
8 import javax.servlet.annotation.WebServlet;
9 import javax.servlet.http.HttpServlet;
10 import javax.servlet.http.HttpServletRequest;
11 import javax.servlet.http.HttpServletResponse;
12
13 import com.mieba.bean.First;
14 import com.mieba.bean.Second;
15 import com.mieba.dao.FirstDao;
16 import com.mieba.dao.SecondDao;
17
18 import net.sf.json.JSONArray;
19
20 /**
21 * Servlet implementation class SecondServlet
22 */
23 @WebServlet("/SecondServlet")
24 public class SecondServlet extends HttpServlet
25 {
26 private static final long serialVersionUID = 1L;
27
28 /**
29 * @see HttpServlet#HttpServlet()
30 */
31 public SecondServlet()
32 {
33 super();
34 // TODO Auto-generated constructor stub
35 }
36
37 /**
38 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse
39 * response)
40 */
41 protected void doGet(HttpServletRequest request, HttpServletResponse resp) throws ServletException, IOException
42 {
43 // TODO Auto-generated method stub
44 // 创建DAO
45 SecondDao barDao = new SecondDao();
46 // 从数据库里取数据
47 ArrayList<Second> barArr = barDao.query();
48 // 设置服务器响应时向JSP表示层传输数据的编码格式
49 resp.setContentType("text/html; charset=utf-8");
50 // ArrayList对象转化为JSON对象
51 JSONArray json = JSONArray.fromObject(barArr);
52 // 控制台显示JSON
53 System.out.println(json.toString());
54 // 返回到JSP
55 PrintWriter writer = resp.getWriter();
56 writer.println(json);
57 writer.flush();
58 // 关闭输出流
59 writer.close();
60 }
61
62 /**
63 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse
64 * response)
65 */
66 protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException
67 {
68 // TODO Auto-generated method stub
69 doGet(request, response);
70 }
71
72 }
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName()
+ ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Hello ECharts</title>
<!-- 使用单文件引入的方式使用ECharts.JS -->
<script src="echarts.min.js"></script>
<script src="jquery-1.9.1.min.js"></script>
</head>
<body>
<!-- DOM用来设置展示ECharts图表的区域 -->
<div id="myDiv" style="height: 400px"></div>
<script type="text/javascript">
var dataList = [];
function loadData(option) {
$.ajax({
type : 'post', //传输类型
async : false, //同步执行
url : 'SecondServlet', //web.xml中注册的Servlet的url-pattern
data : {},
dataType : 'json', //返回数据形式为json
success : function(result) {
if (result) {
for (i = 0; i < result.length; i++) {
dataList.push({
name : result[i].kind,
value : result[i].num
});
}
}
},
error : function(errorMsg) {
alert("加载数据失败");
}
});//AJAX
}//loadData()
var myChart = echarts.init(document.getElementById('myDiv'));
var option = {
title: {
text: '信件比例',
subtext: '来自首都之窗',
left: 'center'
},
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b} : {c} ({d}%)'
},
legend: {
orient: 'vertical',
left: 'left',
},
series: [
{
name: '信件种类',
type: 'pie',
radius: '55%',
center: ['50%', '60%'],
data: dataList,
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};
//加载数据到option
loadData(option);
//设置option
myChart.setOption(option);
</script>
</body>
</html>
1 package com.mieba.bean;
2
3 public class Third
4 {
5 private String depart;
6 private int num;
7 public String getDepart()
8 {
9 return depart;
10 }
11 public void setDepart(String depart)
12 {
13 this.depart = depart;
14 }
15 public int getNum()
16 {
17 return num;
18 }
19 public void setNum(int num)
20 {
21 this.num = num;
22 }
23
24 }
1 package com.mieba.dao;
2
3 import java.sql.Connection;
4 import java.sql.DriverManager;
5 import java.sql.PreparedStatement;
6 import java.sql.ResultSet;
7 import java.sql.SQLException;
8 import java.util.ArrayList;
9
10 import com.mieba.bean.Third;
11
12 public class ThirdDao
13 {
14 public ArrayList<Third> query()
15 {
16 ArrayList<Third> barArr = new ArrayList<Third>();
17 try
18 {
19 // JDBC方式连接MySQL数据库
20 Class.forName("com.mysql.cj.jdbc.Driver");
21 Connection conn = DriverManager.getConnection(
22 "jdbc:mysql://localhost:3306/pacaptical?&useSSL=false&serverTimezone=UTC", "root", "9527");
23 PreparedStatement stmt = conn
24 .prepareStatement("select depart,num from departnum");
25 ResultSet rs = stmt.executeQuery();
26 // 将test表中的数据存储到线性表中
27 while (rs.next())
28 {
29 //
30
31 Third bar = new Third();
32 bar.setDepart(rs.getString("depart"));
33 bar.setNum(rs.getInt("num"));
34 // System.out.println("province:"+bar.getProvince()+"confirm:"+bar.getConfirm());
35 barArr.add(bar);
36
37 }
38 // 关闭连接
39 conn.close();
40 } catch (SQLException e)
41 {
42 e.printStackTrace();
43 } catch (ClassNotFoundException e)
44 {
45 e.printStackTrace();
46 }
47
48 return barArr;
49 }
50 }
1 package com.mieba.servlet;
2
3 import java.io.IOException;
4 import java.io.PrintWriter;
5 import java.util.ArrayList;
6
7 import javax.servlet.ServletException;
8 import javax.servlet.annotation.WebServlet;
9 import javax.servlet.http.HttpServlet;
10 import javax.servlet.http.HttpServletRequest;
11 import javax.servlet.http.HttpServletResponse;
12
13 import com.mieba.bean.Second;
14 import com.mieba.bean.Third;
15 import com.mieba.dao.SecondDao;
16 import com.mieba.dao.ThirdDao;
17
18 import net.sf.json.JSONArray;
19
20 /**
21 * Servlet implementation class ThirdServlet
22 */
23 @WebServlet("/ThirdServlet")
24 public class ThirdServlet extends HttpServlet
25 {
26 private static final long serialVersionUID = 1L;
27
28 /**
29 * @see HttpServlet#HttpServlet()
30 */
31 public ThirdServlet()
32 {
33 super();
34 // TODO Auto-generated constructor stub
35 }
36
37 /**
38 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse
39 * response)
40 */
41 protected void doGet(HttpServletRequest request, HttpServletResponse resp) throws ServletException, IOException
42 {
43 // TODO Auto-generated method stub
44 // 创建DAO
45 ThirdDao barDao = new ThirdDao();
46 // 从数据库里取数据
47 ArrayList<Third> barArr = barDao.query();
48 // 设置服务器响应时向JSP表示层传输数据的编码格式
49 resp.setContentType("text/html; charset=utf-8");
50 // ArrayList对象转化为JSON对象
51 JSONArray json = JSONArray.fromObject(barArr);
52 // 控制台显示JSON
53 System.out.println(json.toString());
54 // 返回到JSP
55 PrintWriter writer = resp.getWriter();
56 writer.println(json);
57 writer.flush();
58 // 关闭输出流
59 writer.close();
60 }
61
62 /**
63 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse
64 * response)
65 */
66 protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException
67 {
68 // TODO Auto-generated method stub
69 doGet(request, response);
70 }
71
72 }
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName()
+ ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Hello ECharts</title>
<!-- 使用单文件引入的方式使用ECharts.JS -->
<script src="echarts.min.js"></script>
<script src="jquery-1.9.1.min.js"></script>
</head>
<body>
<!-- DOM用来设置展示ECharts图表的区域 -->
<div id="myDiv" style="height: 800px ;width:5000px"></div>
<script type="text/javascript">
function loadData(option) {
$.ajax({
type : 'post', //传输类型
async : false, //同步执行
url : 'ThirdServlet', //web.xml中注册的Servlet的url-pattern
data : {},
dataType : 'json', //返回数据形式为json
success : function(result) {
if (result) {
//初始化xAxis[0]的data
option.xAxis[0].data = [];
for (var i=0; i<result.length; i++) {
option.xAxis[0].data.push(result[i].depart);
}
//初始化series[0]的data
option.series[0].data = [];
for (var i=0; i<result.length; i++) {
option.series[0].data.push(result[i].num);
}
}
},
error : function(errorMsg) {
alert("加载数据失败");
}
});//AJAX
}//loadData()
var myChart = echarts.init(document.getElementById('myDiv'));
var option = {
tooltip : {
show : true
},
legend : {
data : [ '信件数' ]
},
xAxis : [ {
type : 'category'
} ],
yAxis : [ {
type : 'value'
} ],
series : [ {
name : '信件数',
type : 'bar'
} ]
};
//加载数据到option
loadData(option);
//设置option
myChart.setOption(option);
</script>
</body>
</html>
运行截图
标签：实战,java,mieba,num,信件,import,市政,com,public 来源： https://www.cnblogs.com/quxiangjia/p/12342719.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。