打印某一个网页上的内容我们都经常遇到过,比如网上申请港澳通行证时需要填写申请表,然后把申请表给打印出来。像这样的打印技术是怎么实现?这种打印可以通过一种叫云打印的插件来做,按我的理解云打印的技术把需要打印的内容上传到“云”服务器,然后经过服务器传输到打印机中。
平时我们上网的时候可以直接在某个网页上点击打印,这种打印叫做网络打印,是将数据存放在打印设备或打印机内置的存储设备上,而云打印是将数据存放到“云”端。
打印技术在很多开发项目中都会用到,我们项目组已经开发完的一个塘厦项目中就用到了打印技术,打印实现需要在eclipse中加入已经下载好的打印文件。
接下来是整个打印实现的过程:
(1)准备材料
在Java编译器eclipse中,把上面下载好的这个文件放到对应的文件夹中,放哪都行,只要引用的时候路径引用对就行。
.exe文件是在客户端需要安装的一些插件,看浏览器(客户端)是多少位的就按照哪个。
这个打印只和前端有关,后台代码不需要做什么。
(2)需求要实现的效果
点击打印后这个页面的传到打印页面,预览后打印出A4纸。
(3)在代码里面实现
首先要print.html页面引用打印的JS文件
1 <!-- 打印插件 --> 2 <script src="/js/Lodop/LodopFuncs.js" type="text/javascript"></script> 3 <object id="LODOP_OB" 4 classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=0 height=0> 5 <embed id="LODOP_EM" type="application/x-print-lodop" width=0 height=0></embed> 6 </object>
这是打印的html页面
1 <form action="offcomplete/print" method="post"> 2 <input type="hidden" id="id" name="offBatchfile.id" 3 value="${offBatchfile.id!}" /> 4 <%if(off.display_Name == null){%> 5 <div class="print_btn_box"> 6 <a href="#" onclick="PrintURL()" class="btn btn-default"><i class="fa fa-print"></i>打印</a> 7 <a href="/offcomplete/export/${printUsefullId!}" class="btn btn-default"><i class="fa fa-file-word-o"></i>下载</a> 8 </div> 9 <%}%> 10 <div align="center" id="print"> 11 <% include("/offcomplete/view.html"){}%> 12 </div> 13 </form>
然后给打印按钮一个 click 事件
1 <script type="text/javascript"> 2 //打印注册 3 function PrintURL() { 4 try { 5 var LODOP = getLodop(document.getElementById('LODOP_OB'), document 6 .getElementById('LODOP_EM')); 7 LODOP.PRINT_INIT(""); 8 LODOP.SET_PRINT_STYLE("FontSize", 18); 9 LODOP.SET_PRINT_STYLE("Bold", 1); 10 LODOP.ADD_PRINT_HTM(45, 55, 770, 1004, document 11 .getElementById("print").innerHTML); 12 LODOP.PREVIEW(); 13 } catch (e) { 14 15 } 16 } 17 </script>
如果这些步骤都做完了就可以实现打印了,在客户端打印的时候可能会遇到一些问题(IE浏览器不会出现),比如要提示这样的安装信息。那就说明没有安装 install_lodop 安装前最好看一下电脑的操作系统和所用的浏览器是多少位的,分为32位和64位,选择安装。
希望我的分享能留有余香,我建议不管做什么样的Web项目,浏览器的选择还是挺重要的。
一般来说我习惯开始就用IE,因为不管是谁买了电脑,微软的东西肯定是必不可少的就装在了系统里,除非不是Windows操作系统的电脑,而且IE对很多浏览器来说算是最低端的,其他浏览器多多少少也会有IE内核,开发出来的东西最低端的浏览器运行都不出问题,那根据客户下载喜好的高级浏览器那就更没问题了,理论上是这么的,低版本的都能过关了,更何况高版本的。当然作为开发者还是青睐于狐火浏览器,用它来调试比较好。