2. 程式人生 > >利用jasperReport製作web報表

利用jasperReport製作web報表

阿新 • • 發佈：2019-01-10

       作者：54dabang

                                E-mail:[email protected]

一 前言

     一直髮現在網上尋找資源比較繁瑣，前段時間在製作jasperReport報表時候出現了很多問題。特別是在一些細節方面，特別耗費時間。特此寫下此文，希望對和我一樣在初期階段學習的同學能少走一些彎路。

二 內容簡介

     1）給出自己製作的jasperReport的檢視效果，方便對報表工具初期學習的選擇。

     2）自己製作報表的測試原始碼和所有相關學習資料，對應所有jar包，jasperReport版本。

     3）快速開發報表的一些建議，為方便學習者快速開發，本文特封裝了通用介面。

     4）在linux下部署jasperReport出現記憶體溢位的問題解決方案。

三  jasperReport的檢視效果

    

    


 JasperReport支援多種資料格式匯出，包括excel、pdf、RTF、JXL、ODF、html等。如果在web頁面使用我推薦將pdf格式檔案嵌入到iframe當中，原因是視覺效果好，只要客戶端安裝了pdfReader即可在頁面上進行列印、預覽、儲存等操作。

四  相關資料與測試原始碼

這個部落格講了以 實現JRDataSource介面為資料來源，從構造實體類到匯出報表的所有過程，而且十分易於上手，並且提供了原始碼。我的專案本身也是在此基礎上完成的。強烈推薦一下。由於他的專案中存在jar

包不全的問題，可以直接下載我的測試專案。需要注意的是我的Ireport版本為3.5.2。最好下載對應版本，否則由於jar包不一致，可能會出現匯出報表錯誤，這裡我給出對應的3.5.2版本的百度雲盤工具連結：百度雲盤iReport工具連結。

我的完整測試例子（重要）下載連結：

JaperReport官網：

japerReport API（英文版）

jasperReport各種文件大全（自己收集）含：JasperReport中文使用者手冊 jaspersoft-studio-user-guide_0.pdf Jasper_+_ireport_整合報表到Web應用_操作說明.doc

iReport中文教程.doc JasperReport+iReport報表工具詳細開發手冊.doc等。

下載連結  http://download.csdn.net/detail/leixingbang1989/8545885

jasperReport

前臺頁面：

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<%
        String path = request.getContextPath();
        String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
        
%>
<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type = "text/css"  href ="extjs/resources/css/ext-all.css">
       <link rel="stylesheet" type="text/css" href="css/ext-input.css">
       <script type ="text/javascript" src="extjs/adapter/ext/ext-base.js"> </script>
        <script type ="text/javascript" src="extjs/ext-all.js"></script>
        <script type="text/javascript" src="extjs/resources/js/ext-lang-zh_CN.js"></script>
        
       
        <title>測試頁面程式</title>
    </head>
    <script type="text/javascript">
    
  Ext.onReady(function(){
         Ext.useShims=true;//一定要加上這句 否則會出現日期的panel被iframe覆蓋
         var startdate = new Ext.form.DateField({
             fieldLabel: '開始時間',
             labelStyle : "text-align:right;",
             id:"awardstartdate",
             name: 'startdate',
             width: 100,
             maxValue:new Date(),
             allowBlank: false, // 設定非空,
             altFormats: 'Y-m-d ',
             format: 'Y-m-d ',
             listeners: {
                 'select' : function() {
                     var start = Ext.getCmp('awardstartdate').getValue();
                     Ext.getCmp('awardenddate').setMinValue(start);
                     var endDate = Ext.getCmp('awardenddate').getValue();
                     if(start > endDate){
                         Ext.getCmp('awardendDate').setValue(start);
                     }

                 }
             },
             blankText: 'rrr ...', //如為空，後面會出現一個I的圖示，點選後出現的alt內容
             value:Date.parseDate('1990-01-01','Y-m-d') //如為空，直接在input中出現的text,有紅色邊框
         });
         var enddate = new Ext.form.DateField({
             fieldLabel: '結束時間',
             labelStyle : "text-align:right;",
             id:"awardenddate",
             name: 'enddate',
             width: 100,
             minValue:Date.parseDate('1990-01-01','Y-m-d'),
             allowBlank: false, // 設定非空,
             altFormats: 'Y-m-d ',
             format: 'Y-m-d ',
             listeners: {
                 'select' : function() {
                     var end = Ext.getCmp('awardenddate').getValue();
                     Ext.getCmp('awardstartdate').setMaxValue(end);
                     var startDate = Ext.getCmp('awardstartdate').getValue();
                     if(end < startDate){
                         Ext.getCmp('awardstartDate').setValue(end);
                     }

                 }
             },
             blankText: 'rrr ...', //如為空，後面會出現一個I的圖示，點選後出現的alt內容
             value: new Date() //如為空，直接在input中出現的text,有紅色邊框
         });
         var f=new Ext.form.FormPanel({
             id:"awardqueryForm",
             method:"post",
             frame:true,
             renderTo:"researchAward",
             items:[{
                     //layout:"column",
                      layout: {
                           type: 'column',
                           pack: 'center',             
                           //縱向對齊方式 start：從頂部；center：從中部；end：從底部
                           align: 'left'            
                          //對齊方式 center、left、right：居中、左對齊、右對齊；stretch：延伸；stretchmax：以最大的元素為標準延伸
                          },
                     items:[{layout:"form",columnWidth:.15,items:[startdate]},
                            {layout:"form",columnWidth:.15,items:[enddate]}
                          ]
                 }],
            buttons:[
                 {
                     text:"確定",
                     handler:function(){
                	 change();
                               }
                 }],
                 renderTo:"researchDiv"
         }
         );
                 
	  var gasReportPanel1 = new Ext.Panel({
			id:"gasReportPanel1",
			//height : 800,
			autoHeight: true,
			html : "<iframe  id='myIframe'  frameborder='1' src='PDFServlet' width='800px' height='1000px'></iframe>",
			region : 'center',
			renderTo:"researchDiv",
			listeners: {
		        afterrender: function() {//渲染完成後
		     
		       }
			}
		});
    });
    var i=0;
    function change()//通過javascript來控制iframe的資料來源，我這裡只做演示
    {
    
        i++;
        alert(i);
        var result=i%2;
        var ifm= document.getElementById("myIframe");
        if(result==0)
        {
        	ifm.src="jsp/viewer.jsp"; //引數可以通過url路徑傳入
        	
        }else
        {
        	ifm.src="PDFTest"; 
        }
        setIframeHeight("myIframe");
    
        
    }
   
 
      
    </script>
  <body>
 <div id="researchDiv" name="researchDiv" align="center"></div>
  <div align="center" id="frameDiv" name="frameDiv"></div>
  </body>
</html>

後臺程式：

package com.mengya.servlet;

import java.io.ByteArrayOutputStream;
import java.io.File;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.HashMap;
import java.util.Map;

import javax.servlet.ServletContext;
import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import net.sf.jasperreports.engine.JRException;
import net.sf.jasperreports.engine.JRExporterParameter;
import net.sf.jasperreports.engine.JasperFillManager;
import net.sf.jasperreports.engine.JasperPrint;
import net.sf.jasperreports.engine.JasperReport;
import net.sf.jasperreports.engine.export.JRPdfExporter;
import net.sf.jasperreports.engine.export.JRRtfExporter;
import net.sf.jasperreports.engine.util.FileBufferedOutputStream;
import net.sf.jasperreports.engine.util.JRLoader;

import com.jasperReport.dataSource.HorizontalProjectsDataSource;
import com.jasperReport.dataSource.PortraitResearchProjectStatusDataSource;
import com.jasperReport.dataSource.UiniversityKnowlegeStatusDataSource;
import com.jasperReport.dataSource.UniversityAcademyDataSource;
import com.jasperReport.dataSource.UniversityPrizeDataSource;
import com.jasperReport.dataSource.noSource;
import com.lowagie.text.DocumentException;
import com.lowagie.text.pdf.PdfReader;
import com.lowagie.text.pdf.PdfStamper;
import com.mengya.JRDataSource.PersonDataSource;

public class PDFTest  extends HttpServlet {
	private ServletContext servletContext;
	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		this.doPost(request, response);
	}
   private String getRealRealPath(String sourceJapser)//封裝獲取在web中獲取檔案路徑的方法
   {
	  String basePath="/myJasper/";
	  return this.servletContext.getRealPath(basePath+sourceJapser);
   }
	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {

		
		this.servletContext= this.getServletConfig()
				.getServletContext();
		
		File jasperFile = new File(this.getRealRealPath("NCUTtechBulletin.jasper"));//獲取檔案
		 Map map=new HashMap();
	        map.put("startDate", "1990-01-01");
		  	map.put("endDate","2001-01-01");
		  	map.put("subReportUniverstiyACds", new UniversityAcademyDataSource());//學術成果資料來源
		  	map.put("subReportUniverstiyACDir",this.getRealRealPath("UniversityAcademyStatus.jasper"));//學術成果jasper路徑
		  	
		  	map.put("subReportPrizeDS", new UniversityPrizeDataSource ());//科研獲獎資料來源
		  	map.put("subReportPrizeDir",this.getRealRealPath("UniversityPrizeStatus.jasper"));//科研獲獎jasper路徑
		  	
		  	map.put("subReportKnowlegeDS", new  UiniversityKnowlegeStatusDataSource ());//智慧財產權資料來源
		  	map.put("subReportKnowlegeDir",this.getRealRealPath("UiniversityKnowlegeStatus.jasper"));//智慧財產權jasper路徑
		  	
			map.put("subReportPortraitRPds", new  PortraitResearchProjectStatusDataSource ());//縱向專案資料來源
		  	map.put("subReportPortraitRPdir",this.getRealRealPath("UniversityPortraitResearchProjectStatus.jasper"));//縱向專案jasper路徑
		  	
		  	map.put("subReportHorizontalRPds", new  HorizontalProjectsDataSource ());//橫向專案資料來源
		  	map.put("subReportHorizontalRPdir",this.getRealRealPath("horizontalProjects.jasper"));//橫向專案jasper路徑
	        noSource s1=new noSource();//注意這裡nosource沒有任何資料，是主報表的資料來源，由於在主報表當中只含有子報表，所以資料來源為空
	       
		JasperPrint jasperPrint = null;
		try {
			JasperReport jasperReport = (JasperReport) JRLoader
					.loadObject(jasperFile.getPath());//將檔案轉化為jasperReport型別
			jasperPrint = JasperFillManager.fillReport(jasperReport,
					map, s1);//填充檔案 引數 資料來源
		
		} catch (JRException e) {
			e.printStackTrace();
		}
		if (null != jasperPrint) {
			FileBufferedOutputStream fbos = new FileBufferedOutputStream();
			JRPdfExporter exporter = new JRPdfExporter();
			exporter.setParameter(JRExporterParameter.OUTPUT_STREAM, fbos);//內部實現應該是用的反射
			//將內容輸出到fbos流中
			exporter
					.setParameter(JRExporterParameter.JASPER_PRINT, jasperPrint);
			
			try {
				exporter.exportReport();//匯出對應的檔案
				fbos.close();
				if (fbos.size() > 0) {
					//設定檔案格式
					response.setContentType("application/pdf");
					response.setContentLength(fbos.size());
					ServletOutputStream ouputStream = response
							.getOutputStream();
					try {
						fbos.writeData(ouputStream);//將資料寫入網路流當中
						fbos.dispose();
						ouputStream.flush();
					} finally {
						if (null != ouputStream) {
							ouputStream.close();
						}
					}
				}
			} catch (JRException e1) {
				e1.printStackTrace();
			} finally {
				if (null != fbos) {
					fbos.close();
					fbos.dispose();
				}
			}
		}
	}
}
資料來源設計: UniversityAcademyDataSource 
package com.jasperReport.dataSource;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import net.sf.jasperreports.engine.JRDataSource;
import net.sf.jasperreports.engine.JRException;
import net.sf.jasperreports.engine.JRField;

public class UniversityAcademyDataSource implements JRDataSource {//實現此介面 jasperReport通過呼叫此介面來呼叫我們的資料來源
	private List dataLst=this.getMapList();
	private int index = -1;
	@Override
	public Object getFieldValue(JRField field) throws JRException {
		Object value = null;
		String fieldName = field.getName();
		Map map=(Map)this.dataLst.get(index);//dataLst中含有從資料庫中取出的真實資料
		if ("BMMC".equals(fieldName)) {//BMMC對應報表的fieldName
			value = map.get("BMMC");
		} else if ("paperNum".equals(fieldName)) {
			value = Integer.parseInt((String)map.get("paperNum"));
		} else if ("writeNum".equals(fieldName)) {
			value = Integer.parseInt((String)map.get("writeNum"));
		} else if ("EIMagazineNum".equals(fieldName)) {
			value = Integer.parseInt((String)map.get("EIMagazineNum"));
		}else if ("EIMeetingNum".equals(fieldName)) {
			value = Integer.parseInt((String)map.get("EIMeetingNum"));
		}else if ("ISTPNum".equals(fieldName)) {
			value = Integer.parseInt((String)map.get("ISTPNum"));
		}else if ("SCINum".equals(fieldName)) {
			value = Integer.parseInt((String)map.get("SCINum"));
		}else if ("CSSCI".equals(fieldName)) {
			value = Integer.parseInt((String)map.get("CSSCI"));
		}
		return value;
	}

	@Override
	public boolean next() throws JRException {
		// TODO Auto-generated method stub
		index++;
		return index < this.dataLst.size();
	}

	public List getMapList()
	{
		List lst=new ArrayList();
	    
	    for(int i=0;i<11;i++)
	    {
	    	Map map=new HashMap();
	    	map.put("BMMC", "學院"+i);
	    	map.put("paperNum", ""+i);
	    	map.put("writeNum", ""+i);
	    	map.put("EIMagazineNum",""+i);
	    	map.put("EIMeetingNum", ""+i);
	    	map.put("ISTPNum", ""+i);
	    	map.put("SCINum", ""+i);
	    	map.put("CSSCI", ""+i);
	    	lst.add(map);
	    }
	    return lst;
	}
}
資料來源設計：noSource
package com.jasperReport.dataSource;

import java.util.ArrayList;
import java.util.List;
import java.util.Random;

import net.sf.jasperreports.engine.JRDataSource;
import net.sf.jasperreports.engine.JRException;
import net.sf.jasperreports.engine.JRField;

import com.mengya.servlet.financeInfo;

public class noSource implements JRDataSource {//主報表中不含任何資料

	private int index = -1;
	@Override
	public Object getFieldValue(JRField field) throws JRException {
		return null;
	}

	@Override
	public boolean next() throws JRException {
		index++;
		return index<1;//如果index<2會導致出現一個空白頁面 index<3會出現兩個 依此類推
	}

}

五 遇到的問題

  1）中文不顯示

首先，在用iReport設計報表時將要顯示中文資料的地方的屬性設定如下：    Font name: 宋體 (中文字型)   

 PDF font name:   STSong-Light

   PDF Encoding:  UniGB-UCS2-H(ChineseSiplified)   

 PDF  Embeded:

2）linux記憶體溢位

  在catlina.sh中加入

JAVA_OPTS="-Xms128m -Xmx1024m -XX:PermSize=128M -XX:MaxPermSize=256M -XX:+CMSClassUnloadingEnabled -XX:+UseConcMarkSweepGC“

具體原因見部落格

3）如果報表中含有多個表格，則需要在主報表中建立子報表。如下圖所示：

每個子報表需要放到不同的detail中，否則會出現子報表重疊在一起的情況。子報表的資料來源在主報表中以引數的形式傳入。

  

六 建議

    在設計報表時，想要提高開發速度，沒有必要每個都從頭設計（比如想要顯示中文label，必須設定若干屬性才可以），可以直接從我的專案裡面copy，也可以設計好一項後在design頁面中直接複製。



相關推薦

利用jasperReport製作web報表

       作者：54dabang                                 E-mail:[email protected] 一 前言      一直髮現在網上尋找資源比較繁瑣，前段時間在製作jasperReport報表時候出現了很多問題

java+jasperreport開發web報表

本文以生成pdf為例： 1，引入jar 2，JRPDFServlet.java package net.xnzz.servlet; import java.io.File; import java.io.IOException; import java.sql.Co

使用JavaReport製作Web報表與圖形 入門示例

      工作中非常需要根據客戶錄入的資料在頁面上生成一些報表，苦於那個AnyChart是收費的，不敢用，所以就找了個免費的基於Java的第三方報表元件：      JavaReport是一款國產的第三方元件，它可以用來開發Web報表，也能用來製作Web圖形。它在報表展現

利用JasperReport+iReport進行Web報表開發(java)

（1）使用iReport-4.8.0版本； （2）JasperReport也是用配套的4.8.0版本的jar包； （3）報表中 中文 設定：  pdf Font name is now deprecated:STSong-Light  pdf embedded ：打鉤 p

iReport 和 Jasperreport整合開發web報表嚮導

我是在一個星期以前接觸iReport 和 Jasperreport的，下載最初它們並沒有吸引我的興趣（或信任），主要是他們的版本的問題（我一直不敢用版本都不到1.0的工具軟體，目前它們的版本：iReport0.2.2,Jasperreport0.5.0），不過聽說有人在用他們

開源Web報表製作工具OpenReports3.0簡介

           OpenReports是一個靈活、強大和易於使用的開源web報表製作工具。OpenReports提供基於的瀏覽器，引數驅動，動態生成報表和靈活的報表預定的能力。  OpenReports支援各種各樣的開放來源報表引擎，包括JasperReports、J

【iReport+JasperReport】2.在Java工程中利用jasper匯出PDF報表

我們上一次成功的利用iReport工具製作了一張報表，並且預覽了報表最後的效果，也生成了格式為“jrpxml”、“jrxml”與“jasper”的檔案。這次，我們使用jasper提供的java的api去利用在iReport中製作的報表jasper檔案來生成真正的報表檔案。

java 一款可以與ssm框架完美整合的web報表控件

cnblogs clas tar req pap 整合 大型 自定義報表 環境 　　碩正套件運行於客戶端(瀏覽器)，與應用服務器(Application Server)技術無關，所以能完全用於J2EE、　 ASP.Net、php等技術開發的Web應用產品中。　 碩正套件部署

Web報表工具FineReport二次開發JS之字符串

報表 獲取字符串 網頁 簡介 popu 能夠 int() 例如 位置 在報表開發過程中，有些需求可能無法通過現有的功能來實現。須要開發者二次開發，以FineReport為例。能夠使用網頁腳本、API接口等進行深入的開發與控制。考慮到JS腳本開發的使用較多。這裏先先簡介怎

[Python] 利用Django進行Web開發

ons 條件 turn log har 包含 參數 ^c 檢測 第一步：下載並安裝django 首先，在Django官網上下載適合自己Python的Django版本，在安裝Django前首先確定你已成功安裝了python。 Windows系統下安裝Djang

如何創建帶有大綱和書簽的交互式web報表

對象 plain config 處理 bag c項目 mysq 控制 reat 交互式報表允許用戶與之交互。例如，報表可以包含超鏈接、書簽和大綱。通過點擊大綱部分的標題，你可以將書簽導航到報表中的所需位置。這樣的報表經常用在產品目錄中。（查看更多web報表教程） 讓我們為

利用EXCEL完成中國式報表轉換一維數據列表

數據處理這個問題是我在網絡上看到的利用Power Query解決的，下面說說Excel傳統工具如何解決，思路與Power Query類似。日常工作中，有很多報表的結構被進行了大量調整，例如，交叉匯總、合並單元格、雙層表頭等情況。狀態經常如下表 這樣的表格結構以後是不能直接用於數據透視表分

web報表中電子印章/水印的輕松實現

class one log 你們 技術分享 src 簡單 打印 blog 報表數據系統中，有一個重要功能叫做電子簽章，通俗的講，就是不需要實際去蓋章，而直接把印章打印到紙質文件上，省去手工蓋章的費時費力環節，例如，銀行系統中的銀行流水打印，都需要蓋章才能生效，如果按傳統的做

淺析利用Hessian跨Web網站發送數據包

public oca () getname string value 完全 時間 factory 筆者，不玩遊戲已經有一個月的時間了。昨天偶然發現大家都在玩吃雞，於是好奇心作祟，昨個不知不覺就到了5點多。筆者現在的電腦配置是10年前的，現在最大的期待是能夠有一臺配置高、外觀

利用Python製作頭腦王者輔助神器

抓包 我使用的是 fiddler 抓的，網上關於抓app包的教程很多，可自行查閱，這裡不贅述。根據抓包發現出題目的介面：     資料格式是一個 json 字串，如下所示： {"data":{"quiz":"我國的根本大法指的是？",

如何利用winrar製作自解壓，自動執行檔案格式的壓縮包

操作提前：電腦安裝WinRAR軟體。 將用來製作的資料放在資料夾內，然後用Ctrl+A全選該資料夾下的檔案。 單擊滑鼠右鍵，然後選擇“新增到壓縮檔案”選項。 在開啟的對話方塊“常規”選項卡中，單擊“壓縮方式”下拉框選擇合適的壓縮方式，並將壓縮選項下的“建立自解壓格式壓縮檔案”選項勾選，這時候會發現“

利用css3製作動畫

一.CSS3變形transform 1.平移：translate(x,y) translateX(x) translateY(y) 注意：如果想只向X軸平移那麼可以translateX，如果想只向X軸平移那麼可以translateY，X和Y不能共存。如果想向兩個方向平移，那麼使用translate y

HTML+CSS專案課1：利用table製作百度首頁

知識點：html文件基本結構、table標籤佈局、在單元格中插入文字、圖片、連結、表單。 網頁效果圖： 製作思路：將整個網頁當做一個table表格 1、製作一個6行1列的表格 2、在單元格中插入相關內容 3、在第4行的單元格里插入一個form表單 <!DOCT

利用C 製作公章 續

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！        

利用C 製作公章

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！