web網(wǎng)站怎樣實(shí)現(xiàn)打印功能?
Web系統(tǒng)中,打印功能一直是個老大難問題,因此產(chǎn)生了很多第三方的控件,多數(shù)要收費(fèi),而且跟自己的系統(tǒng)結(jié)合有一定的麻煩。
系統(tǒng)采用J2EE技術(shù),jsp打印問題同樣存在于OA中。打印方式有三種:
一是不經(jīng)過任何修改,直接調(diào)用javascript中的window.print()打印。
二根據(jù)客戶要求的報(bào)表格式,編寫相應(yīng)格式的html,裝載數(shù)據(jù)打印,同樣調(diào)用window.print()打印,只是對html的格式要求比較高。
三是通過客戶提供的word格式,通過xml配置文件與數(shù)據(jù)庫的數(shù)據(jù)進(jìn)行關(guān)聯(lián),自動裝載數(shù)據(jù)到word中打印,這里是利用客戶端的word進(jìn)行打印。
第一種幾乎不用編寫程序,最簡單快捷,這里會遇到幾個問題,只能打印表單內(nèi)容,按鈕不希望打印出來;頁眉頁腳不想打印出來;IE的titile不想打印出來。
解決辦法:把button放在一個table或者div里,打印的時候隱藏,完成后顯示就可以。系統(tǒng)中的javascript打印代碼如下:
function Print() { var tit = document.title; document.title = ""; table1.style.display = "none"; window.print(); document.title = tit; table1.style.display = "";}不過只能起到打印的目的,打印的效果一般比較土。
不管怎么說,可以最快的讓系統(tǒng)的大部分模塊都有打印的功能。
第二種方式必須根據(jù)每個報(bào)表的格式進(jìn)行定制html和java程序開發(fā),會花比較多的時間。要注意的是對html中table的樣式控制,在IE中瀏覽看起來很細(xì)的邊框,打印出來有些線條會比較粗,有些線條又會比較細(xì),陰陽怪氣的很難看。
在table中直接用bordercolor會讓線條顯得很粗,用bordercolorlight,bordercolordark配合使用可以顯示出秀氣的線條。<html> <head></head> <body> <table border="1" bordercolorlight="red" bordercolordark="#FFFFFF" cellpadding="3" cellspacing="0"> <tbody> <tr> <td>姓名</td> <td>所屬部門</td> </tr> <tr> <td>陳</td> <td>技術(shù)部</td> </tr> </tbody> </table> </body></html>比如以上代碼,在IE中看起來線條一樣大小,還是比較秀氣。
不要高興的太早,打印出來的效果不象在IE中看到的那樣,邊框雖細(xì),內(nèi)線卻很粗!原因是每個td都有邊框,td與td的交接處就會有線條重疊,雖然IE看起來沒有,可是打印的時候就會顯示出來。
這個問題的解決辦法是控制每一個td的樣式,對重疊的地方進(jìn)行border-bottom:1px之類的控制。
這個方案比較消耗精力,而且打印的時候很難控制分頁,更不能隨時按照客戶的需要調(diào)整字體邊框顏色等。
第三種方案:從服務(wù)器端生成word、excel等文檔,發(fā)送到瀏覽器進(jìn)行打印實(shí)現(xiàn)過程:先將需要打印的數(shù)據(jù)導(dǎo)入到word或者excel中,再利用word或者excel的打印功能來實(shí)現(xiàn)web打印。 下面以excel為例實(shí)現(xiàn)如何打印的過程 將網(wǎng)頁中數(shù)據(jù)導(dǎo)入excel中的方法有很多,這里先介紹一種,利用ActiveX控件的方式,即 Excel.Application, 這個控件是MS為excel提供的編程接口,在很多種編程語言種都可以通過該接口來操縱excel表格。 下面用javascript腳本來實(shí)現(xiàn)一個簡單的例子。<script language = "javascript">function ExcelPrint() { var excelApp; //存放Excel對象 var excelBook; //存放Excel工件簿文件 var excelSheet; //存放Excel活動工作表 try { excelApp = new ActiveXObject("Excel. Application"); //創(chuàng)建Excel對象} catch(e) { alert("請啟用ActiveX控件設(shè)置!"); return; } excelBook = excelApp.Workbooks.Add(); //創(chuàng)建Excel工作簿文件 excelSheet = excelBook.ActiveSheet; //激活Excel工作表 var rowLen = printTable.rows.length; //table對象的行數(shù) for (var i = 0; i < rowLen; i++) { var colLen = printTable.rows(i).cells.length; //table對象的列數(shù) for (var j = 0; j < colLen; j++) //為Excel表的單元格賦值 excelSheet.Cells(i + 1, j + 1).value = printTable.rows(i).cells(j).innerText; } //將表格中的每個單元格的innerText導(dǎo)入到excel的單元格中 excelApp.Visible = true; //設(shè)置Excel對象可見 excelSheet.PrintOut(); //打印工作表 excelBook.Close(true); //關(guān)閉文檔 excelApp.Quit(); //結(jié)束excel對象 excelApp = null; //釋放excel對象 }}</script> 注意: 運(yùn)行該程序的前提是 IE要允許對沒有標(biāo)記為安全的Activex控件進(jìn)行初始化和腳本運(yùn)行。設(shè)置方法如下: 打開控制面板→Internet選項(xiàng)→安全性→自定義級別→對沒有標(biāo)記為安全的ActiveX控件進(jìn)行初始化和腳本運(yùn)行→選中啟用,這樣我們的程序就可以運(yùn)行了。如果沒有啟用該ActiveX控件設(shè)置,那么程序在執(zhí)行創(chuàng)建Excel對象時會拋出一個異常,這時可以通過catch()語句來捕獲這個異常,并且做出相應(yīng)的處理。 運(yùn)行該程序必須客戶端安裝了MS EXCEL,否則Activex驅(qū)動不了。