码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2016-04-08 15:18:29      阅读:292      评论:0      收藏:0      [点我收藏+]

标签:

今天下午没事干。主要是论文没有什么进展,唉!读研苦逼啊。突然想玩玩其他的,记得上次用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演化过来的。无非就是向用户屏蔽了一些底层的代码实现,是用户可以不要考虑底层的代码。直接拿来用就行了。

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

标签:

原文地址:http://blog.csdn.net/lulei1217/article/details/51085123

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!