`

JSP页面统计模板(打印,导出为Excel,查询统计)

    博客分类:
  • JSP
 
阅读更多

每次做统计都要写新的JSP页面,有些调样式,有些要求打印,有些要求导出到Excel里面,有的还要查询,这篇弄个全的,以后要用了直接粘过来。

 

1、页面结构:

<body style="overflow:auto" onload="addSelected('${month}');">
<div id="print">
	<input class="bginput but_1" onclick="printTures();" type="button" value="打印" />  
	<input id="idPrint3" class="but_1" type="button"   value="打印预览" onclick="printpage();" />
	<input id="excelBtn" class="but_1" type="button"   value="导出为Excel" onclick="toExcel();" />
</div>
<div id="queryItem">
月份:
<select id="month">
	<option value="13">全部</option>
	<option value="1">1</option>
	<option value="2">2</option>
	<option value="3">3</option>
	<option value="4">4</option>
	<option value="5">5</option>
	<option value="6">6</option>
	<option value="7">7</option>
	<option value="8">8</option>
	<option value="9">9</option>
	<option value="10">10</option>
	<option value="11">11</option>
	<option value="12">12</option>
</select>
<input type="button" value="查询" onclick="queryOutCome();" />
</div>
<div id="page" style="overflow:auto;">
<h2 id="queryTitle">${year }年<c:if test="${month==13}">全部</c:if><c:if test="${month!=13 }">${month }</c:if>月份数据统计</h2>
<table cellspacing="0" cellpadding="0" border="0" width="95%" align="center" id="queryTable" >
    <tr id="firstTr">
      <td>日期</td>
      <td>序号</td>
      <td>物品名称</td>
      <td>数量</td>
      <td>单价</td>
      <td>费用</td>
      <td>备注</td>
    </tr>
    <!-- 合计 -->
    <c:set var="field4" value="${0 }"></c:set>
    
    <c:forEach items="${t4List }" var="t4" varStatus="order">
    	<tr>
    		<td><fmt:formatDate value="${t4.field3 }" type="date" pattern="M月dd日" ></fmt:formatDate></td><!-- 日期 -->
    		<td>${order.index+1 }</td><!-- 序号 -->
    		<td>${t4.field2}</td><!-- 物品名称 -->
    		<td>${t4.field6}</td><!-- 数量 -->
    		<td>${t4.field7}</td><!-- 单价 -->
    		<td>${t4.field4}</td><!-- 费用 -->
    		<c:set var="field4" value="${field4+t4.field4}"></c:set><!-- 费用合计 -->
    		<td>${t4.field8}</td><!-- 备注 -->
    	</tr>
    </c:forEach>
    
    <tr>
    	<td colspan="5">合计</td>
    	<td><fmt:formatNumber value="${field4 }" pattern="#.##" maxFractionDigits="2" minFractionDigits="2"></fmt:formatNumber></td>
	<td>&nbsp;</td>
    </tr>
</table>
</div>
</body>

 

 2、CSS:

<style type="text/css">
* { padding:0; margin:0; }
body { font-family: "宋体"; color:#333; font-size:12px; line-height:20px; }
table { border-collapse:collapse; border-spacing:0px; border:none; margin-top:15px; }
table td{ border:1px solid #ccc; text-align:center}
#print{ text-align:right;}
.but_1 { width:102px; height:28px; line-height:28px; margin-bottom: 3px; border:0px; background:#006e57; color: #fff; cursor:pointer; font-size:14px; }
table caption{ font-size:16px; margin:3px 0px 20px 0px;}
#queryItem{ border-collapse:collapse; border-spacing:0px; border:none; margin-top:15px; margin-left:55px;}
h2{ text-align:center; font-size:16px;}
.memo{text-align:left;}
</style>

 

3、引入的JS和JSTL库:

<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="js/print_utils2.js"></script>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

 4、各个小功能实现:

 

4.1 查询:

//点击查询按钮时触发该事件:根据月份查询每月的数据
function queryOutCome(){
var month = document.getElementById("month").value;//月份
	var src="inOrOut!queryOutCome.action?month="+month+"&time="+new Date().getTime();
	window.location=src;
}

//页面加载完成时触发该方法:根据返回来的月份填充select中的值
function addSelected(month){
    jsSelectItemByValue(document.getElementById("month"),month); 
}

//填充选中值
function jsSelectItemByValue(objSelect,objItemText){  
    for(var i=0;i<objSelect.options.length;i++) {  
        if(objSelect.options[i].value == objItemText) {  
            objSelect.options[i].selected = true;  
            break;  
        }  
    }  
}

  4.2 打印和打印预览:

/**断行换页**/
function fenye(){
	var trH = $("#queryTable tr:eq(2)").height();
	var count = Math.floor(500/trH)+1;
	if(trH>21){count= count+3;}
	//alert(trH+"\n"+count);
	$("#queryTable tr").each(function(i){
		if(i>0)
		if(i%count==0){
		$(this).attr("style","page-break-before:always");}
	});
}

function printpage(){
	//使用的smsx.cab查件进行的打印,所以需要添加这个object
	$("body").append('<OBJECT id="factory" codeBase="redist/smsx.cab#Version=6,3,434,26" height="0" width="0" classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" viewastext></OBJECT>');
	var printdiv = document.getElementById("page");
	printdiv.style.overflow="";
//	fenye();
	previews();
	printdiv.style.overflow="auto";
	$("#factory").remove();
}

/**打印*/
function printTures() {
	$("body").append('<OBJECT id="factory" codeBase="redist/smsx.cab#Version=6,3,434,26" height="0" width="0" classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" viewastext></OBJECT>');
	var printdiv = document.getElementById("page");
	printdiv.style.overflow="";
	printBase();
	document.getElementById("print").style.display = "none";// 隐藏按钮
	if(document.getElementById("queryItem")){//隐藏月份
		document.getElementById("queryItem").style.display = "none";
		var title = document.getElementById("queryTitle").innerText;
		document.getElementById("queryTitle").style.display = "none";//否则第一页会出现两个标题
		title = "&b"+title+"&b";
		factory.printing.header = title ;
		factory.printing.footer = "&b第&p页/共&P页&b";//显示页码
		fenye();
	}
	factory.printing.Print(false);
	document.getElementById("print").style.display = "block";// 显示按钮
	if(document.getElementById("queryItem")){
		document.getElementById("queryItem").style.display = "block";
		document.getElementById("queryTitle").style.display = "block";
	}
	$("#factory").remove();
}
/**预览*/
function previews(){
	printBase();
	document.getElementById("print").style.display = "none";// 隐藏按钮
	if(document.getElementById("queryItem")){//隐藏月份
		document.getElementById("queryItem").style.display = "none";
		var title = document.getElementById("queryTitle").innerText;
		document.getElementById("queryTitle").style.display = "none";//否则第一页会出现两个标题
//		factory.printing.header = "居左显示&b居中显示&b居右显示页码,第&p页/共&P页" ;
		title = "&b"+title+"&b";
		factory.printing.header = title ;
		factory.printing.footer = "&b第&p页/共&P页&b"
		fenye();
	}
	factory.printing.Preview();
	document.getElementById("print").style.display = "block";// 显示按钮
	if(document.getElementById("queryItem")){
		document.getElementById("queryItem").style.display = "block";
		document.getElementById("queryTitle").style.display = "block";
	}
	$("#factory").remove();
}

 4.3导出到Excel中:

/**
 * 点击导出为Excel按钮时将当前表中的数据导出到Excel中
 */
function toExcel(){
	try {
	  	var oXL = new ActiveXObject("Excel.Application");
	 }catch(e) {
		  alert( "要将该表导出到Excel,您必须安装Excel电子表格软件,同时浏览器须使用“ActiveX 控件”,您的浏览器须允许执行控件。");
		  return "";
	 }
	 var oWB = oXL.Workbooks.Add();  //新增工作簿
	 var oSheet = oWB.ActiveSheet;  //创建工作表 
	 var sel=document.body.createTextRange();
	 sel.moveToElementText(document.getElementById("page"));//dataTable为table的id
	 sel.select();
	 sel.execCommand("Copy");
	 oSheet.Paste();
	 //格式处理
	var cellValue = oSheet.Cells(1,1).Value;//获取标题
	var row = document.getElementById("firstTr").childNodes.length;//获取tr的个数用来合并标题
	oSheet.Range(oSheet.Cells(1,1),oSheet.Cells(2,row)).mergecells=true;//合并两行
	oSheet.Cells(1,1).Value=cellValue;//赋值
	oSheet.Cells(1,1).HorizontalAlignment = 3;//水平对齐方式枚举* (1-常规,2-靠左,3-居中,4-靠右,5-填充 6-两端对齐,7-跨列居中,8-分散对齐)  
	oSheet.Cells(1,1).VerticalAlignment = 2;//垂直对齐方式枚举*(1-靠上,2-居中,3-靠下,4-两端对齐,5-分散对齐)  
	
	oXL.Visible = true; //设置excel为可见
	oXL.UserControl = true;  //很重要,不能省略,不然会出问题 意思是excel交由用户控制
	oSheet = null;
	oWB = null;
	oXL = null;
}

 4.4 有时候还需要将阿拉伯数字的钱转换成大写的:

function changeNumMoneyToChinese(money) {
  var cnNums = new Array("零", "壹", "贰", "叁", "肆", "伍", "陆", "柒", "捌", "玖"); //汉字的数字
  var cnIntRadice = new Array("", "拾", "佰", "仟"); //基本单位
  var cnIntUnits = new Array("", "万", "亿", "兆"); //对应整数部分扩展单位
  var cnDecUnits = new Array("角", "分", "毫", "厘"); //对应小数部分单位
  var cnInteger = "整"; //整数金额时后面跟的字符
  var cnIntLast = "元"; //整型完以后的单位
  var maxNum = 999999999999999.9999; //最大处理的数字
  var IntegerNum; //金额整数部分
  var DecimalNum; //金额小数部分
  var ChineseStr = ""; //输出的中文金额字符串
  var parts; //分离金额后用的数组,预定义
  if (money == "") {
  return "";
  }
  money = parseFloat(money);
  if (money >= maxNum) {
  alert('超出最大处理数字');
  return "";
  }
  if (money == 0) {
  ChineseStr = cnNums[0] + cnIntLast + cnInteger;
  return ChineseStr;
  }
  money = money.toString(); //转换为字符串
  if (money.indexOf(".") == -1) {
  IntegerNum = money;
  DecimalNum = '';
  } else {
  parts = money.split(".");
  IntegerNum = parts[0];
  DecimalNum = parts[1].substr(0, 4);
  }
  if (parseInt(IntegerNum, 10) > 0) { //获取整型部分转换
  var zeroCount = 0;
  var IntLen = IntegerNum.length;
  for (var i = 0; i < IntLen; i++) {
  var n = IntegerNum.substr(i, 1);
  var p = IntLen - i - 1;
  var q = p / 4;
  var m = p % 4;
  if (n == "0") {
  zeroCount++;
  } else {
  if (zeroCount > 0) {
  ChineseStr += cnNums[0];
  }
  zeroCount = 0; //归零
  ChineseStr += cnNums[parseInt(n)] + cnIntRadice[m];
  }
  if (m == 0 && zeroCount < 4) {
  ChineseStr += cnIntUnits[q];
  }
  }
  ChineseStr += cnIntLast;
  //整型部分处理完毕
  }
  if (DecimalNum != '') { //小数部分
  var decLen = DecimalNum.length;
  for (var i = 0; i < decLen; i++) {
  var n = DecimalNum.substr(i, 1);
  if (n != '0') {
  ChineseStr += cnNums[Number(n)] + cnDecUnits[i];
  }
  }
  }
  if (ChineseStr == '') {
  ChineseStr += cnNums[0] + cnIntLast + cnInteger;
  } else if (DecimalNum == '') {
  ChineseStr += cnInteger;
  }
  return ChineseStr;
}

 

 

分享到:
评论

相关推荐

    JSP运用模板导出Excel

    JSP 运用模板导出 Excel 本文档主要介绍了使用 JSP 和 jxls 库来实现 Excel 文件的导出,针对 eMan 系统中普遍使用的导出 Excel 的方法 JXL 的缺陷,引入了一种新的方法来解决大规模报表的导出问题。 1. 背景 ...

    java编写根据模板导出excel

    根据excel模板动态导出数据库数据 package text; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; import java.util.UUID; import javax.servlet....

    jxls使用模板实现导出excel!

    Java编程语言在处理数据导出,特别是在生成Excel文件时,提供了多种库,其中之一就是jxls。...结合Apache POI的强大功能,jxls为Java开发者提供了一个强大而灵活的工具,用于处理Excel数据导出任务。

    实现jsp页面里的内容通过Excel打印输出来

    综上所述,实现JSP页面内容的Excel打印输出,需要掌握Apache POI等工具的使用,同时理解浏览器的打印机制和CSS的媒体查询。预览和打印规格定制则涉及到前端技术和对用户体验的考虑。在实际开发中,应确保安全性和...

    jsp导入导出excel文件

    **二、导出Excel到JSP** 1. **创建Excel文件**:在服务器端,使用Apache POI创建一个新的工作簿对象,然后添加工作表。根据需要设置标题行和其他格式。 2. **填充数据**:从数据库或其他数据源获取数据,使用POI ...

    jsp页面生成word或excel

    ### 使用JSP实现Word、Excel格式报表打印 #### 一、使用JSP生成Word文档 在JSP中生成Word文档可以通过设置正确的`content-type`来实现。具体来说,只需要在JSP页面的头部添加以下指令: ```jsp ``` 这样设置后...

    Java Jsp 调用ireport动态模板打印

    Java JSP调用iReport动态模板打印是一种在Web应用程序中实现报表打印的常见技术。iReport是一款开源的报表设计工具,它可以与Java、JSP、Servlets等进行集成,为开发者提供灵活的报表生成和打印功能。在这个场景下,...

    jxls+springmvc实现excel模板导出

    标题中的“jxls+springmvc实现excel模板导出”指的是使用jxls库和Spring MVC框架来实现在Web应用中导出Excel模板的功能。jxls是一个Java库,它扩展了Apache POI库,允许开发者通过使用简单的Excel公式和指令在模板上...

    SpringMVC+jspereport,实现报表分页查看、文件(pdf、excel、word)导出,以及html展示和调用浏览器打印功能实现打印

    通过JasperReport,我们可以将报表导出为PDF、Excel和Word格式。PDF适合阅读和打印,Excel适合数据分析,而Word则便于进一步编辑。在SpringMVC中,这些导出操作通常由控制器处理,将报表转换为目标格式并提供下载...

    jxls利用模板生成excel文件

    3. 编写Java代码:定义数据模型,使用`jxls`提供的API加载模板,绑定数据,最后导出Excel文件。 4. 运行和测试:运行代码,生成的Excel文件将按照模板和数据模型填充。 ### 五、示例代码 ```java import org.jxls...

    使用jsp下载excel文件

    在Web开发中,经常需要将服务器上生成的数据导出为Excel文件供用户下载。本文档将详细介绍如何使用Java Server Pages (JSP) 实现从服务器端下载Excel文件到客户端的过程。 #### 二、准备工作 1. **环境配置**: -...

    jxl导出excel支持模板和非模板

    利用JXL技术支持模板和非模板的表格导出

    jsp网站 实现Excel导入与导出功能.zip

    实现Excel导入与导出功能,并WEB页面附带进度条对Excel进行美化如:设置背景色、线条、格子大小等。 使用步骤很简单 1.解压下载好的项目,这里需要...(这里添加下载数据遍成为导出Excel功能了,清空数据遍为模板)

    jxls模板导出Excel所需jar包

    本篇将详细介绍jxls库及其在模板导出Excel中的应用。 首先,我们要了解什么是jxls。jxls是一个Java库,它扩展了Apache POI库的功能,使得我们可以通过简单的模板语法来处理Excel数据。Apache POI是用于读写...

    jsp导出excel

    首先,要理解JSP如何导出Excel,我们需要知道Servlet在其中的作用。Servlet是Java Web应用程序的一部分,用于处理HTTP请求并生成响应。在JSP导出Excel的场景中,JSP通常用于展示用户界面,而Servlet则负责生成Excel...

    Jett+Spring MVC实现Excel导出

    通过以上步骤,我们就可以在Spring MVC应用中集成Jett,实现动态生成和导出Excel文件的功能。这不仅可以提高用户体验,也有利于数据的管理和分析。如果你需要更多关于Jett和Spring MVC的详细信息,可以参考我的CSDN...

    ireport利用jsp导出excel&pdf;报表源代码

    【标题】:“ireport利用jsp导出excel&pdf;报表源代码” 【描述】:“本人验证过的jsp代码,ireport导出pdf excel报表” 在Java Web开发中,生成各种类型的报表是常见的需求,例如用于数据分析、业务统计或者数据...

    完整的导出EXCEL(poi/jxls)

    总的来说,Apache POI和jxls是Java开发中导出Excel的强大工具,它们可以帮助我们轻松地处理各种复杂的Excel导出需求,无论是简单的数据列表还是复杂的报表模板。通过熟练掌握这两个库,你可以为用户提供高效、灵活的...

    报表导出excel word pdf html

    "报表导出excel word pdf html"这个主题涵盖了将数据导出为不同格式的技术,这些格式都是日常工作和交流中常用的文档类型。以下是关于这些格式以及如何在Java环境中实现导出的详细知识: 1. Excel:Microsoft Excel...

Global site tag (gtag.js) - Google Analytics