每次做统计都要写新的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> </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 和 jxls 库来实现 Excel 文件的导出,针对 eMan 系统中普遍使用的导出 Excel 的方法 JXL 的缺陷,引入了一种新的方法来解决大规模报表的导出问题。 1. 背景 ...
根据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....
Java编程语言在处理数据导出,特别是在生成Excel文件时,提供了多种库,其中之一就是jxls。...结合Apache POI的强大功能,jxls为Java开发者提供了一个强大而灵活的工具,用于处理Excel数据导出任务。
综上所述,实现JSP页面内容的Excel打印输出,需要掌握Apache POI等工具的使用,同时理解浏览器的打印机制和CSS的媒体查询。预览和打印规格定制则涉及到前端技术和对用户体验的考虑。在实际开发中,应确保安全性和...
**二、导出Excel到JSP** 1. **创建Excel文件**:在服务器端,使用Apache POI创建一个新的工作簿对象,然后添加工作表。根据需要设置标题行和其他格式。 2. **填充数据**:从数据库或其他数据源获取数据,使用POI ...
### 使用JSP实现Word、Excel格式报表打印 #### 一、使用JSP生成Word文档 在JSP中生成Word文档可以通过设置正确的`content-type`来实现。具体来说,只需要在JSP页面的头部添加以下指令: ```jsp ``` 这样设置后...
Java JSP调用iReport动态模板打印是一种在Web应用程序中实现报表打印的常见技术。iReport是一款开源的报表设计工具,它可以与Java、JSP、Servlets等进行集成,为开发者提供灵活的报表生成和打印功能。在这个场景下,...
标题中的“jxls+springmvc实现excel模板导出”指的是使用jxls库和Spring MVC框架来实现在Web应用中导出Excel模板的功能。jxls是一个Java库,它扩展了Apache POI库,允许开发者通过使用简单的Excel公式和指令在模板上...
通过JasperReport,我们可以将报表导出为PDF、Excel和Word格式。PDF适合阅读和打印,Excel适合数据分析,而Word则便于进一步编辑。在SpringMVC中,这些导出操作通常由控制器处理,将报表转换为目标格式并提供下载...
3. 编写Java代码:定义数据模型,使用`jxls`提供的API加载模板,绑定数据,最后导出Excel文件。 4. 运行和测试:运行代码,生成的Excel文件将按照模板和数据模型填充。 ### 五、示例代码 ```java import org.jxls...
在Web开发中,经常需要将服务器上生成的数据导出为Excel文件供用户下载。本文档将详细介绍如何使用Java Server Pages (JSP) 实现从服务器端下载Excel文件到客户端的过程。 #### 二、准备工作 1. **环境配置**: -...
利用JXL技术支持模板和非模板的表格导出
实现Excel导入与导出功能,并WEB页面附带进度条对Excel进行美化如:设置背景色、线条、格子大小等。 使用步骤很简单 1.解压下载好的项目,这里需要...(这里添加下载数据遍成为导出Excel功能了,清空数据遍为模板)
本篇将详细介绍jxls库及其在模板导出Excel中的应用。 首先,我们要了解什么是jxls。jxls是一个Java库,它扩展了Apache POI库的功能,使得我们可以通过简单的模板语法来处理Excel数据。Apache POI是用于读写...
首先,要理解JSP如何导出Excel,我们需要知道Servlet在其中的作用。Servlet是Java Web应用程序的一部分,用于处理HTTP请求并生成响应。在JSP导出Excel的场景中,JSP通常用于展示用户界面,而Servlet则负责生成Excel...
通过以上步骤,我们就可以在Spring MVC应用中集成Jett,实现动态生成和导出Excel文件的功能。这不仅可以提高用户体验,也有利于数据的管理和分析。如果你需要更多关于Jett和Spring MVC的详细信息,可以参考我的CSDN...
【标题】:“ireport利用jsp导出excel&pdf;报表源代码” 【描述】:“本人验证过的jsp代码,ireport导出pdf excel报表” 在Java Web开发中,生成各种类型的报表是常见的需求,例如用于数据分析、业务统计或者数据...
总的来说,Apache POI和jxls是Java开发中导出Excel的强大工具,它们可以帮助我们轻松地处理各种复杂的Excel导出需求,无论是简单的数据列表还是复杂的报表模板。通过熟练掌握这两个库,你可以为用户提供高效、灵活的...
"报表导出excel word pdf html"这个主题涵盖了将数据导出为不同格式的技术,这些格式都是日常工作和交流中常用的文档类型。以下是关于这些格式以及如何在Java环境中实现导出的详细知识: 1. Excel:Microsoft Excel...