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

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

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

一、报表生成的关键要素

1、后台数据的抽取

2、数据项的逻辑运算

3、前台使用表格展示


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

1、后台数据的抽取流程

手把手教你用Java制作原生态的报表_第1张图片

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

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

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

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

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

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

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

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

手把手教你用Java制作原生态的报表_第2张图片

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

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

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

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

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

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

手把手教你用Java制作原生态的报表_第3张图片

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

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

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

遍历数据项:Js、AJax。


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

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

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

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

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

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

手把手教你用Java制作原生态的报表_第4张图片

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

手把手教你用Java制作原生态的报表_第5张图片

表中具体的记录值:

手把手教你用Java制作原生态的报表_第6张图片


四、代码实现我的报表

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

手把手教你用Java制作原生态的报表_第7张图片

这里面我实际上是使用了一个最原始的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();//生成一个 用于执行静态 SQL 语句并返回它所生成结果的对象
			//已经确定好的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. 
*/ public void destroy() { super.destroy(); // Just puts "destroy" string in log // Put your code here } /** * The doGet method of the servlet.
* * 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.
* * 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 {
		//这里添加自己的代码
		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. 
* * @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+"/";
%>



  
    
    
    JAVA环境生成报表
	
	
	    
	
	
	
  
  
  
    
<% 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 <% } } } %>
变电所三相电压信息
序号 板卡号 A相电压 B相电压 C相电压
<%=id+=1 %> <%=ts.getBk() %> <%=ts.getUa() %> <%=ts.getUb() %> <%=ts.getUc() %>

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

手把手教你用Java制作原生态的报表_第8张图片

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

手把手教你用Java制作原生态的报表_第9张图片


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

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

你可能感兴趣的:(Java,JSP和Servlet)