Lodop是一款專業的WEB打印控件,其設計目標是簡單易用、功能足夠強大,開創WEB打印開發的新局面。
Lodop設計者對WEB下的打印開發任務進行了分類匯總,高度抽象,設計出僅用幾個功能函數,就可實現復雜的打印任務,盡量減少使用者的知識累贅。控件發布包有3個系統文件組成,全部功能用幾個控件參數和2組功能函數來實現。
打印某一個網頁上的內容我們都經常遇到過,比如網上申請港澳通行證時需要填寫申請表,然后把申請表給打印出來。像這樣的打印技術是怎么實現?這種打印可以通過一種叫云打印的插件來做,按我的理解云打印的技術把需要打印的內容上傳到“云”服務器,然后經過服務器傳輸到打印機中。
平時我們上網的時候可以直接在某個網頁上點擊打印,這種打印叫做網絡打印,是將數據存放在打印設備或打印機內置的存儲設備上,而云打印是將數據存放到“云”端。
打印技術在很多開發項目中都會用到,我們項目組已經開發完的一個塘廈項目中就用到了打印技術,打印實現需要在eclipse中加入已經下載好的打印文件。
接下來是整個打印實現的過程:
(1)準備材料
在Java編譯器eclipse中,把上面下載好的這個文件放到對應的文件夾中,放哪都行,只要引用的時候路徑引用對就行。
.exe文件是在客戶端需要安裝的一些插件,看瀏覽器(客戶端)是多少位的就按照哪個。
這個打印只和前端有關,后臺代碼不需要做什么。
(2)需求要實現的效果
點擊打印后這個頁面的傳到打印頁面,預覽后打印出A4紙。
(3)在代碼里面實現
首先要print.html頁面引用打印的JS文件
1
2
3
4
5
6
|
<!-- 打印插件 --> <script src= "/js/Lodop/LodopFuncs.js" type= "text/javascript" ></script> <object id= "LODOP_OB" classid= "clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width= 0 height= 0 > <embed id= "LODOP_EM" type= "application/x-print-lodop" width= 0 height= 0 ></embed> </object> |
這是打印的html頁面
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<form action= "offcomplete/print" method= "post" > <input type= "hidden" id= "id" name= "offBatchfile.id" value= "${offBatchfile.id!}" /> <% if (off.display_Name == null ){%> <div class = "print_btn_box" > <a href= "#" onclick= "PrintURL()" class = "btn btn-default" ><i class = "fa fa-print" ></i>打印</a> <a href= "/offcomplete/export/${printUsefullId!}" class = "btn btn-default" ><i class = "fa fa-file-word-o" ></i>下載</a> </div> <%}%> <div align= "center" id= "print" > <% include( "/offcomplete/view.html" ){}%> </div> </form> |
然后給打印按鈕一個 click 事件
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<script type= "text/javascript" > //打印注冊 function PrintURL() { try { var LODOP = getLodop(document.getElementById( 'LODOP_OB' ), document .getElementById( 'LODOP_EM' )); LODOP.PRINT_INIT( "" ); LODOP.SET_PRINT_STYLE( "FontSize" , 18 ); LODOP.SET_PRINT_STYLE( "Bold" , 1 ); LODOP.ADD_PRINT_HTM( 45 , 55 , 770 , 1004 , document .getElementById( "print" ).innerHTML); LODOP.PREVIEW(); } catch (e) { } } </script> |
如果這些步驟都做完了就可以實現打印了,在客戶端打印的時候可能會遇到一些問題(IE瀏覽器不會出現),比如要提示這樣的安裝信息。那就說明沒有安裝 install_lodop 安裝前最好看一下電腦的操作系統和所用的瀏覽器是多少位的,分為32位和64位,選擇安裝。
希望我的分享能留有余香,我建議不管做什么樣的Web項目,瀏覽器的選擇還是挺重要的。
一般來說我習慣開始就用IE,因為不管是誰買了電腦,微軟的東西肯定是必不可少的就裝在了系統里,除非不是Windows操作系統的電腦,而且IE對很多瀏覽器來說算是最低端的,其他瀏覽器多多少少也會有IE內核,開發出來的東西最低端的瀏覽器運行都不出問題,那根據客戶下載喜好的高級瀏覽器那就更沒問題了,理論上是這么的,低版本的都能過關了,更何況高版本的。當然作為開發者還是青睞于狐火瀏覽器,用它來調試比較好。
原文鏈接:http://www.cnblogs.com/antry/archive/2016/07/14/5670497.html