【Java】Web打印

来源：互联网发布：标准篮球场数据编辑：程序博客网时间：2024/06/07 20:33

项目中总是会用到Web页面打印的功能，下面小编就简单介绍一下自己的经验。

【smsx控件】

下载地址：http://download.csdn.net/detail/nxgliming/6668999

jsp页面代码：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@ include file="../include.jsp"%><%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%><%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>回执打印</title><object id="factory" style="display: none"classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814"codebase="print/smsx.cab"> </object><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"><script type="text/javascript"src="${pageContext.request.contextPath}/js/transport/printCarReceipt.js"></script><style type="text/css">table.dataintable {margin-top: 10px;border-collapse: collapse;border: 1px solid #aaa;width: 100%;}table.dataintable td {vertical-align: baseline;padding: 5px 15px 5px 6px;border: 1px solid #aaa;text-align: left;}</style></head><body><div id="NoPrint" class="noPrint"style="text-align: center; margin-top: 30px"><div><a id="print" onclick="print()" class="easyui-linkbutton c1"style="width: 120px">直接打印</a> <a id="printSet" onclick="printSet()"class="easyui-linkbutton c1" style="width: 120px">打印设置</a> <aid="printView" onclick="printPreivew()" class="easyui-linkbutton c1"style="width: 120px">打印预览</a> <a id="moveBackClick"onclick="moveBackClick()" class="easyui-linkbutton c1"style="width: 120px">取消返回</a></div></div><!-- 打印表格 --><div id="report1page1" region="center"style="text-align: center; margin-top: 30px"><table border="1px" align="center" style="font: 18px 宋体;"><tr><td colspan="4" style="text-align: center;height:35px;:valign:middle"><span style="font-size:20px;font-weight:bold;">到车回执</span></td></tr><tr><td>承运单号</td><td id="S_ID">${S_ID }</td><td>运输商名称</td><td id="S_TCompany">${S_TCompany }</td></tr><tr><td>售达方名称</td><td id="S_CCompany">${S_CCompany }</td><td>送达方名称</td><td id="S_RCompany">${S_RCompany }</td></tr><tr><td>发运总量</td><td id="sendCount">${receiveCount }</td><td>车辆标识</td><td id="uniqueNo">${uniqueNo }</td></tr><tr><td>签收数量</td><td id="receiveCount">${receiveCount }</td><td>签收备注</td><td id="S_TReturnRemark">无</td></tr><tr><td>发车确认时间</td><td id="S_CTime">${S_CTime }</td><td>到车确认时间</td><td id="S_TReturnTime">${S_TReturnTime }</td></tr><tr><td>核定在途时间</td><td id="S_InTrasitTime">${S_InTrasitTime }</td><td>到车延误时间</td><td id="receivedDelayTime">无延误</td></tr><tr><td>接车人姓名</td><td id="S_RCPerson">${S_RCPerson }</td><td>接车人电话</td><td id="S_RTel">${S_RTel }</td></tr><tr><td colspan="4" style="text-align: center;height:35px;:valign:middle">受达方签章:</td></tr></table></div></body></html>

js代码：

// 打印设置按钮function printSet() {if (!finishText()) {return false;}factory.printing.PageSetup();}// 默认的打印设置function SetPrintSettings() {factory.printing.header = "";factory.printing.footer = "";factory.printing.portrait = true;// 方向，truefactory.printing.leftMargin = 5.0;// mmfactory.printing.topMargin = 5.0;factory.printing.rightMargin = 5.0;factory.printing.bottomMargin = 3.0;}// 打印预览按钮function printPreivew() {if (!finishText()) {return false;}document.getElementById("NoPrint").style.display = "none";factory.printing.Preview();document.getElementById("NoPrint").style.display = "block";}// 直接打印按钮function print() {if (!finishText()) {return false;}document.getElementById("NoPrint").style.display = "none";factory.printing.Print(false); // 设置为false，直接打印document.getElementById("NoPrint").style.display = "block";}// 返回取消function moveBackClick() {window.parent.$('#tabs').tabs('close', '回执打印');}

实现效果：

【jatoolsPrinter插件】

这个提供一个网址给大家，详尽，可以看看：http://print.jatools.com/cases.htm

【Webbrowser插件】

跟第一种方式类似，也需要在jsp页面中通过<object>标签引入控件，在js中直接调用方法即可，下面就简写代码了

<body>    <object id="WebBrowser" classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height="0" width="0"> </object></body>  <script>    WebBrowser.ExecWB(1,1) //打开     WebBrowser.ExecWB(2,1) //关闭现在所有的IE窗口，并打开一个新窗口     WebBrowser.ExecWB(4,1) //保存网页        WebBrowser.ExecWB(6,1) //打印     WebBrowser.ExecWB(7,1) //打印预览     WebBrowser.ExecWB(8,1) //打印页面设置       WebBrowser.ExecWB(10,1) //查看页面属性     WebBrowser.ExecWB(15,1) //撤销     WebBrowser.ExecWB(17,1) //全选     WebBrowser.ExecWB(22,1) //刷新     WebBrowser.ExecWB(45,1) //关闭窗体无提示  </script>

【小结】

以上就是小编实践过的方式了，还有其他的类似JQuery方式等，可以研究一下。未完待续。。。

0 0