当前位置: 代码迷 >> 报表 >> 手把手教你用Java制造原生态的报表
  详细解决方案

手把手教你用Java制造原生态的报表

热度:514   发布时间:2016-04-29 01:49:28.0
手把手教你用Java制作原生态的报表

今天下午没事干。主要是论文没有什么进展,唉!读研苦逼啊。突然想玩玩其他的,记得上次用JSP和Servlet是几个月前的事了。于是就任性的玩一回报表。

首先我是默认你不是菜鸟了,而且用过JSP和Servlet,会Java Web的基础知识,会使用Jdbc连接数据库。这些都是必要的知识,否则接下来的内容将没法讲解。

一、报表生成的关键要素

1、后台数据的抽取

2、数据项的逻辑运算

3、前台使用表格展示


二、使用流程图的形式展示3大关键要素

1、后台数据的抽取流程


我们来谈谈这个流程所需要的技术。

获取报表参数:主要是前台向后台进行传参,注意不能丢参数。

数据库的连接:JDBC连接数据库

合成SQL语句:标准的SQL语句、字符串的拼接

执行SQL语句:Java是如何操作数据库的

获取结果集:对结果集进行处理,这里将使用Java中的容器来存储数据

返回结果集:向Servlet进行传参

2、数据项的逻辑运算流程


我们来谈谈这个流程所需要的技术。

获得数据库的原始数据集:向Servlet中取值。

进行数据的运算转换:常用的加减乘除等运算函数。

重新组装数据:需要针对合适的数据格式,来选择合适的容器。

返回逻辑数据集:向前台页面传参。

3、前台使用表格展示流程


我们来谈谈这个流程所需要的技术。

获取逻辑数据集:Servlet的取值。

设置表格的样式:Html、Css、Js等技术。

遍历数据项:Js、AJax。


三、制作报表的准备工作。

首先你要在自己的电脑上安装Tomcat服务器。怎么安装,这个大家自己Google教程。接着需要自己的电脑上安装MyEclipse,这是Java Web开发的必备IDE。好了,然后你需要一个数据库(Mysql或者Oracle都行)能够为你提供你想要的数据。

这里介绍一下我要做的报表:

我是将学校数据库中记录变电所的实时电压数据(好吧,这是学校的一个节能平台的项目。),上传在前台的页面中显示。

数据库的数据展示,使用的是Oracle数据库。

首先是数据库的信息:包含数据库名、SID、以及IP地址、用户名、密码、端口号


数据库待查询的表的信息:这里查询的是TB_TRANS_COLLECTION表的信息。我会将BK,UA,UB,UC这几个字段的记录全部显示到前台的页面上。


表中具体的记录值:



四、代码实现我的报表

首先我想给大家看一下我的项目大致文件的结构:


这里面我实际上是使用了一个最原始的MVC模型。Model模型层使用了beans文件下的Trans.java来表示的,View视图层使用index.jsp来完成的,Controller控制层

是servlet文件下的ShowReport.java文件。jdbc文件用来进行数据库的连接,而service文件是逻辑层,主要进行业务逻辑的处理。

第一步是完成model层的代码:

package beans;//这是建立数据模型public class Trans {	//板卡的序号	private String bk;	//三相电压的值	private double ua;	private double ub;	private double uc;	//三相电流的值	private double ia;	private double ib;	private double ic;	public String getBk() {		return bk;	}	public void setBk(String bk) {		this.bk = bk;	}	public double getUa() {		return ua;	}	public void setUa(double ua) {		this.ua = ua;	}	public double getUb() {		return ub;	}	public void setUb(double ub) {		this.ub = ub;	}	public double getUc() {		return uc;	}	public void setUc(double uc) {		this.uc = uc;	}	public double getIa() {		return ia;	}	public void setIa(double ia) {		this.ia = ia;	}	public double getIb() {		return ib;	}	public void setIb(double ib) {		this.ib = ib;	}	public double getIc() {		return ic;	}	public void setIc(double ic) {		this.ic = ic;	}	}

第二步,是完成数据库的连接操作,并在方法中返回数据库的连接。

package jdbc;import java.sql.*;public class JdbcConn {	//设置连接数据库的路径,包括IP地址、端口号、数据库的SID	private  static String url="jdbc:oracle:thin:@172.16.254.185:1521:AHUSERVICE";	//数据库的用户名和密码	private static String user="CS2013";	private static String password="m123";	//建立一个数据库的连接	public static Connection conn;//与特定数据库的连接(会话)。在连接上下文中执行 SQL 语句并返回结果。	public static PreparedStatement ps;	public static ResultSet rs;///表示数据库结果集的数据表,通常通过执行查询数据库的语句生成。	public static Statement st;//用于执行静态 SQL 语句并返回它所生成结果的对象。		//创建一个连接数据库的方法	public static Connection getConnection(){		try {			Class.forName("oracle.jdbc.driver.OracleDriver");//加载数据库的驱动			conn=DriverManager.getConnection(url,user,password);//连接数据库		} catch (Exception e) {			// TODO Auto-generated catch block			e.printStackTrace();		}				return conn;	}}

第三步,实现业务逻辑层的设计。

package service;import java.sql.Connection;import java.sql.ResultSet;import java.sql.SQLException;import java.sql.Statement;import java.util.ArrayList;import java.util.List;import beans.Trans;import jdbc.JdbcConn;public class Services {	private Connection dbconnection;//数据库的连接	private Statement st;//执行sql语句	private ResultSet rs;//用于存放数据的容器	private String sql;//用来存放要执行的数据库的语句	private List list;//List容器是用来存储从数据库中返回的数据集	private Trans ts;//定义一个模型对象	public List getTrans(){		list=new ArrayList();//初始化容器		//获得数据库的连接		dbconnection=JdbcConn.getConnection();		//合成SQL语句和执行Sql语句		try {			st=(Statement)dbconnection.createStatement();//生成一个 <span style="font-family: Arial, Helvetica, sans-serif;">用于执行静态 SQL 语句并返回它所生成结果的对象</span><span style="white-space:pre">			</span>//已经确定好的sql语句			sql="select tb_trans_collection.bk bk,tb_trans_collection.ua ua,"+ 					"tb_trans_collection.ub ub,tb_trans_collection.uc uc from "+					"tb_trans_collection order by  tb_trans_collection.bk";			rs=st.executeQuery(sql);//执行sql语句,并将结果保存在ResultSet的对象中			//遍历rs中的元素,必需将ResultSet里的元素转化为Trans对象。			while(rs.next()){				ts=new Trans();//注意每一次必须要new一个Trans对象				//依次设置值				ts.setBk(rs.getString("bk"));				ts.setUa(rs.getDouble("ua"));				ts.setUb(rs.getDouble("ub"));				ts.setUc(rs.getDouble("uc"));								list.add(ts);//向list容器中添加元素			}		} catch (SQLException e) {			// TODO Auto-generated catch block			e.printStackTrace();		}		return list;//返回list容器	}	}

第四步,是实现我们的Controller层的内容。这里是编写一个Servlet。

package servlet;import java.io.IOException;import java.io.PrintWriter;import java.util.List;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import service.Services;public class ShowReport extends HttpServlet {	/**	 * Constructor of the object.	 */	public ShowReport() {		super();	}	/**	 * Destruction of the servlet. <br>	 */	public void destroy() {		super.destroy(); // Just puts "destroy" string in log		// Put your code here	}	/**	 * The doGet method of the servlet. <br>	 *	 * This method is called when a form has its tag value method equals to get.	 * 	 * @param request the request send by the client to the server	 * @param response the response send by the server to the client	 * @throws ServletException if an error occurred	 * @throws IOException if an error occurred	 */	public void doGet(HttpServletRequest request, HttpServletResponse response)			throws ServletException, IOException {		this.doPost(request, response);	}	/**	 * The doPost method of the servlet. <br>	 *	 * This method is called when a form has its tag value method equals to post.	 * 	 * @param request the request send by the client to the server	 * @param response the response send by the server to the client	 * @throws ServletException if an error occurred	 * @throws IOException if an error occurred	 */	public void doPost(HttpServletRequest request, HttpServletResponse response)			throws ServletException, IOException {
<span style="white-space:pre">		</span>//这里添加自己的代码		List list;//定义一个容器用来存储后台传来的数据集		//声明一个service		Services services=new Services();		list=services.getTrans();//获取后台出入的数据容器		if(list!=null){			//将数据传入到前台,这里使用的是Session对象。我们使用Session来进行数据的			request.getSession().setAttribute("TRANS", list);			response.sendRedirect("../index.jsp");//请求重定向,相当于客户端的二次请求		}			}	/**	 * Initialization of the servlet. <br>	 *	 * @throws ServletException if an error occurs	 */	public void init() throws ServletException {		// Put your code here	}}

最后一步,进行前台页面的设计。这里需要将后台数据给显示出来。

<!--首先要记得将需要的类包导进来-->
<%@ page language="java" import="java.util.*,beans.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <base href="<%=basePath%>">        <title>JAVA环境生成报表</title>	<meta http-equiv="pragma" content="no-cache">	<meta http-equiv="cache-control" content="no-cache">	<meta http-equiv="expires" content="0">    	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">	<meta http-equiv="description" content="This is my page">	<!--	<link rel="stylesheet" type="text/css" href="styles.css">	-->  </head>    <body>    <form action="servlet/ShowReport" method="post"><!--假定是使用表单的形式来完成请求的-->    	<input type="submit" value="生成报表">    </form>    <table>      <tr>      	<th colspan=5>变电所三相电压信息</th>      </tr>      <tr>      	<th>序号</th>      	<th>板卡号</th>      	<th>A相电压</th>      	<th>B相电压</th>      	<th>C相电压</th>      </tr>    <%    	List list=null;//这里定义一个容器,用来存储数据    	if(session.getAttribute("TRANS")!=null){//判断Servlet是否通过Session来进行传值    		list=(List)session.getAttribute("TRANS");    		if(list.size()>0){    			int id=0;//表示序号    			Trans ts;//记得要引入类包    			for(int i=0;i<list.size();i++){//依次遍历容器中的元素    				ts=new Trans();    				ts=(Trans)list.get(i);    				    				%>    				 <tr>      					<th><%=id+=1 %></th><!--获取容器元素的属性值-->     				 	<th><%=ts.getBk() %></th>   					<th><%=ts.getUa() %></th>  				    	<th><%=ts.getUb() %></th>    				  	<th><%=ts.getUc() %></th>  				    </tr>    				<%     			}    		}    	}    %>    </table>  </body></html>

到这里我所有的代码就结束了。接下来看看执行的效果:

点击生成报表,页面切换如下:



到这里,可以说一个简单的报表生成了。这里我并没有使用CSS来渲染界面,感觉这太费时间了。而且这应该是Web前端要做的事。对了,上图有一个疑问就是大家发现我的Tomcat的默认端口是8000,初始的默认不是8080吗?这里是由于我的8080端口被别的软件给使用了,所以我只能将默认端口改成了8000。这对我们生成的报表不影响。

怎么样,简单吧。一个Web版的报表的实现总共就五步。其实只要你把JSP和Servlet弄懂了,相信你对Spring和Struct这些框架不在话下。这些框架都是从Servlet演化过来的。无非就是向用户屏蔽了一些底层的代码实现,是用户可以不要考虑底层的代码。直接拿来用就行了。

  相关解决方案