web打印教程.docx

web打印教程.docx

《web打印教程.docx》由会员分享，可在线阅读，更多相关《web打印教程.docx（18页珍藏版）》请在冰豆网上搜索。

web打印教程

应用web化，不论对开发商，还是对用户来说，实在是一种很经济的选择，因为基于web的应用，客户端的规则很简单，容易学习，容易维护，容易发布。

但对程序员来说，因为浏览器的局限性，却要面对很多挑战。

怎么样来进行基于web的套打，就是这么一个令多数程序员头痛不已的问题。

基于web的套打，难度在于要将浏览器中呈现的html，精确地打印到票据中，而且能够实现对分页位置的控制。

下面就ie浏览器所能采用的套打解决方案，来个汇总分析，希望对大家有所帮助。

一、浏览器的打印功能菜单

这种方案的优势是不需要对浏览器作任何扩充，是最简单的办法，但问题也最多，如：

不能精确分页。

浏览器一般是根据用户设置的页面大小，web页面的内容多少，来自行决定分页位置，程序员很难控制。

会有页脚页眉干扰。

不能准确对齐边边距及打印文字。

不能解决连续打印。

比如，不是仅打印一张票据，而是连续一次打印若干个票据。

二、使用webbrowser控件+javascript

这实际上，是浏览器打印功能菜单的一种程序调用，与打印功能菜单没什么两样。

分页的问题仍然存在，只不过，可以让用户不用去点菜单，直接在网页中的一个按钮，或一个链接里面调用罢了。

三、使用printcss 

这是一种最理想的实现web套打的方法。

这种方法通过在html文档中，嵌入打印相关的css样式，来实现对html文档输出打印的控制，比如设置纸张大小，纸张纵横方向，打印边距，分页等。

显而易见，这种方式成本小，不需要下载任何插件，而且跨平台性非常好。

printcss推出已经有些时日，但遗憾的是，至今没有一个厂商的浏览器很好地实现了这些标准，这使得程序员目前还不能利用printcss进行实际的开发。

关于打印css，参见http:

//css-

四、使用PDF文件 

用这种方式，就是从服务器端下载一个pdf文件流，在IE中用adobe插件打开，然后用adobe的打印菜单进行打印，虽然这种方案，也能实现精确套打，但需要下载adobe插件。

这是国外报表工具经常推荐的一种打印方法，但在pdf不那么普及的中国，这种方案不是最好选择。

五、采用纯ActiveX 

这种方案就是下载一个控件，票据的数据不再以html方式呈现，而是呈现在ActiveX中。

这种方案的优点是打印的精确度高，分页的可控性好，但缺点也是很明显的，嵌入ActiveX控件破坏了web应用的整体html风格，且这样的控件比较大（一般超过1M），下载颇费时间）。

市场上的非java类报表产品，一般都采用这种方案。

六、采用Applet方式 

采用Applet方式，分页或精确打印，都可以做到完美，但缺点也很明显，表现在：

安装Applet成本巨大。

需要下载十几M的文件。

打印报表时，需要重新向服务器检索数据，效率低。

因为Applet方案，一般采用html方式呈现数据，打印时Applet必须向服务器检索同一张票据的数据，看上去，是打印了当前页的票据，实际上，Applet根本不会用当前html页的数据来打印，而是向服务器下载数据到Applet中来打印。

也就是说，打印的话，必须两次请求，一次html呈现，一次用来打印。

不能解决连续打印。

比如，不是仅打印一张票据，而是连续一次打印若干个票据。

不能解决打印机设置问题，如存在多台打印机时，总是需要手工选择，打印到哪一台打印机。

市场上java类的报表工具，一般推荐Applet方式来实现打印。

七、轻量级的ActiveX打印方式

目前用的较多的有国外的ScriptX，国内的有jatoolsPrinter。

他们可以通过web脚本来选择输出打印机，纸张大小，打印方向等，不必每次手工设定。

对于简单的打印，我们用IE的功能就可以了，对于需要复杂的设置的，建议使用轻量级的ActiveX打印方式。

在接下来的系列教程里，我们会一一介绍。

在我们进行web开发的时候，通常会需要用到打印，然而，由于web技术的限制及考虑到安全的问题，一直以来，web打印的功能都是非常弱的，对此，我们也只能接受。

也许你在开发过程中经常会遇见客户对你说，“你们系统的打印太差了，你看看excel的打印多好啊，”，面对这样的用户，我们除了苦笑，还能说什么呢？

如果你对着他们去解释什么是BS架构，什么是CS架构，不但不能够解决问题，反而会招致用户的反感。

那么，我们是不是就什么都不能做了呢？

答案当然是否定的。

利用现有的web技术，再加上针对求的灵活实现，我们也可以做出漂亮的打印出来。

在接下来的几篇文章里，我将分别介绍几种打印的方法或技术。

这些方法有的很简单，有的稍微复杂一点。

我们还是从基础做起，先了解最简单的打印技术，然后再一步一步提高，这样也有利于消化技术。

本篇内容讲述利用IE提供的简单的打印功能，进行打印的设置以及打印。

在IE里打印，我们可以通过javascript来调用window.print（）函数实现。

下面是一个简单的代码示例。

window.print（）'/>  

点击“打印”后，即可弹出打印窗口，如下图。

附件:

 1_221409_1.png 

图片1

通过这个函数，可以实现最简单的打印功能。

如果我们要对纸张，页边距进行设置，那该怎么做呢？

我们知道，我们可以方便地通过InternetExplorer用户界面更改页边距、页眉和页脚设置和默认InternetExplorer打印机，IE也提供了一个叫WebBrowser 控件来供我们调用，通过调用，可以在页面上调出打印的设置窗口，在设置窗口里，用户可以更改页边距、页眉和页脚设置等。

（但是，在InternetExplorer或WebBrowser控件下没有以编程方式更改这些设置的方法。

在本系列教程的第三篇，我将介绍如何在页面上通过编程的方式来更改设置。

）我们可以在页面上输入如下代码来调用WebBrowser控件。

1.

8856F961-340A-11D0-A96B-00C04FD705A2" id=wbname=wb>   

2.

wb.ExecWB（6,1）'/>  

3.

wb.ExecWB（7,1）'/>  

4.

wb.ExecWB（8,1）'/>

复制代码

上例中的OBJECT就是IE提供的打印控件，叫WebBrowser，我们在网页中可以用我们设置的id或name来引用它。

这个对象有很用法，其中涉及到打印的有下面三项。

wb.ExecWB（6,1）打印 

wb.ExecWB（7,1）打印预览 

wb.ExecWB（8,1）打印页面设置

点击“打印”按钮，即可弹出和window.print（）函数一样的窗口。

点击打印预览，即可预览当前页面。

附件:

 1_221444_1.png 

图片2

点击“页面设置”，即可弹出页面设置窗口，在设置窗口里，可以对边距，页眉等进行详细设置。

附件:

 1_221457_1.png 

图片3

通过以上三个功能，我们就可以进行简单的打印和设置了，对于一般的打印需求来说基本足够。

这里需要说明的是，“页面设置”中的各个值，是存储在用户的注册表中。

下面是MicrosoftInternetExplorer访问打印设置的方式：

对于页边距，MicrosoftInternetExplorer首先尝试从以下注册表项中获取值：

HKEY_CURRENT_USER\Software\Microsoft\InternetExplorer\PageSetup   

如果没有此项，InternetExplorer将通过从以下注册表项中复制值来创建此项：

HKEY_LOCAL_MACHINE\Software\Microsoft\InternetExplorer\PageSetup   

如果没有此项，将提供默认值。

对于页眉和页脚，将从以下项中获取值：

HKEY_CURRENT_USER\Software\Microsoft\InternetExplorer\PageSetup   

如果没有此项，将提供默认值。

页边距的默认值是0.75，

对于InternetExplorer默认打印机，默认值将从以下项提供：

HKEY_CURRENT_USER\Software\Microsoft\InternetExplorer\PageSetup\printer  

请注意，这些值作用于整个系统，影响着当前用户的WebBrowser控件和InternetExplorer的所有实例。

因此，如果你设置了第一张网页的页眉是“AJava.org”，那么第二张网页的页眉也是它。

那么，有没有一种办法，能够在程序里对这些选项进行设置，而不需要用户每次都手工来设置呢？

请看下一篇。

上篇文章介绍了如何进行简单的打印和设置，适用与一般的打印要求，如互联网上网站的打印。

然而，在我们为政府或企业开发系统时，打印需求较为复杂，一般的打印设置可能满足不了用户需求，特别是为了用户良好的可操作性，不能要求用户在打印时都手工进行打印设置，这时，就需要我们在程序里实现对打印的预设置，用户只需要点击打印就可以了。

那么如何实现可编程的打印设置呢？

有很多种方法，本文将介绍WScript.Shell来进行打印设置。

使用WScript.Shell，必须要求客户IE允许Activex进行交互。

如果是你开发的系统是针对于特定的用户群，如一个政府单位，或一个企业，那么建议你要求客户将你的系统加入可信任站点。

从《[AJava原创]WEB打印系列教程之二--使用IE的打印功能进行一般的网页打印》一文中，我们知道，页边距，页眉，页脚是存储在注册表里的。

因此，接下来，我们主要是针对注册表进行可编程设置。

请看如下代码。

1.   

2.    

3.//定义注册表位置   

4.varHKEY_Path="HKEY_CURRENT_USER\\Software\\Microsoft\\InternetExplorer\\PageSetup\\";   

5.  

6.//name的值可为header（页眉），footer（页脚），margin_bottom（下边距），margin_left（左边距），margin_right（右边距），margin_top（上边距）。

7.//   

8.functionPageSetup（name,value）{   

9.try{   

10.varWsh=newActiveXObject（"WScript.Shell"）;   

11.Wsh.RegWrite（HKEY_Path+name,value）;   

12.//修改注册表值   

13.}   

14.catch（e）{   

15.  alert（'需要运行运行Activex才能进行打印设置。

'）;   

16.}   

17.}   

18.

复制代码

上面的代码是本道写的一个简单的函数，它可以对header（页眉），footer（页脚），margin_bottom（下边距），margin_left（左边距），margin_right（右边距），margin_top（上边距）进行设置。

如果你想对一个要打印的网页通过编程方式进行以上设置，只需要调用PageSetup即可。

例如：

1.    

2.PageSetup（'header','Ajava.org'）;   

3.PageSetup（'footer','Ajava.orgWEB打印系列教程'）;   

4.

复制代码

如果你没有把站点加到可信任站点，那么在执行上面的代码时，可能会弹出一个对话框。

如下。

附件:

 1_122537_1.png 

图片1

选择“是”，程序即对打印进行了设置。

如果你打开页面设置窗口，你会发现，页眉，页脚，已经被修改了。

附件:

 1_122553_1.png 

图片2

对于页边距的值，你只需要根据你自己的版面要求进行设置成相关的值就可以了。

下面主要讲一下页眉页脚的详细值。

通常我们会在页眉加上网页的标题，在页脚加上页面代码，日期等等，我们该如何设置呢？

下面就是可供我们使用的一些项目及值。

键入

要打印

&w

窗口标题

&u

网页地址（URL）

&d

短日期格式（由“控制面板”中的“区域设置”指定）

&D

长日期格式（由“控制面板”中的“区域设置”指定）

&t

由“控制面板”中的“区域设置”指定的时间格式

&T

24小时时间格式

&p

当前页号

&P

网页总数

&&

单个&号（&）

&b

紧跟在这些字符之后的文本居中打印。

&b&b

紧跟在第一个"&b"之后的文本居中打印，跟在第二个"&b"之后的文本按右对齐方式打印。

光看这些说明可能有些不直观，我们还是来点例子吧。

1.    

2.PageSetup（'header','&b&w&b&D'）;   

3.PageSetup（'footer','AJava.org网站出品&b&w&b第&p页，共&P页'）;   

4.

复制代码

运行后页眉如下图。

附件:

 1_122613_1.png 

图片3

页脚如下图。

附件:

 1_122636_1.png 

图片4

对于其他的参数都很好理解，这里我只解释一下如何居左，居中，居右。

要想居中，使用“&b”，紧跟在这些字符之后的文本居中打印。

例如“&b教程”，那么“教程”就会居中。

要想居右，就在居中的后面再加上“&b”。

例如“&b教程&b打印系列”，那么“教程”就会居中，打印系列就会居右。

如果你不想居中，只要居右，“&b&b打印系列”这样就可以了。

第一个“&b”前面的文字都是居左。

通过WScript.Shell的使用，我们已经可以通过编程方式进行打印设置了，应该说，普通的打印需求都可以实现了。

但是，在日常的打印里，还有一种特色的需求，那就是分页，对于分页打印，我们该如何实现呢？

请看下一篇。

在讲述如何分页打印之前，我们有必要先了解一下css中不为人知的一些用法。

css里media的使用

我们在网页里引用外部的css文件时，通常是用如下的代码：

实际上，上面的link对象里，我们是省略了一个叫“media”的属性，这个属性指定样式表规则用于指定的设备类型。

它有如下值可用：

all--用于所有设备类型 

aural--用于语音和音乐合成器 

braille--用于触觉反馈设备 

embossed--用于凸点字符（盲文）印刷设备 

handheld--用于小型或手提设备 

print--用于打印机 

projection--用于投影图像，如幻灯片 

screen--用于计算机显示器 

tty--用于使用固定间距字符格的设备。

如电传打字机和终端 

tv--用于电视类设备 

这么多的值，并不是每个都可用，因为浏览器厂商并没有全部实现它们。

在IE里面，可用的值有all，print，screen三个。

上面的代码里，我们没有使用“media”，实际上IE或其他浏览器是用了“all”这个值。

“screen”，用于显示器，也就是我们一般看到的效果。

“print”，用于打印的效果。

也就是说，我们没有指定“media”，那么我们看到的效果和打印的效果，它们用的都是同样的css文件。

如果我们指定了一个“screen”，又指定了一个“print”，那么在打印时就会用“print”指定的css来渲染网页并打印。

例如一个网页里有如下代码：

1.   

2.

复制代码

那就表示，我们通过IE看到的网页，用到的css文件是mycss.css，而通过IE打印时用到的css文件则是myprintcss.css。

想到什么了吗？

对，我们可以通过print的设置，来让网页上的一些不需要打印的内容隐藏起来，比如，打印按钮。

实际上，media还可以这样使用：

1.  

2.//这里定义你要打印时用到的css类   

3.

复制代码

或者这样使用：

1.

复制代码

css里用于打印的属性

page-break-after:

auto|always|avoid|left|right|null

参数：

auto:

假如需要在对象之后插入页分割符 

always:

始终在对象之后插入页分割符 

avoid:

避免在对象后面插入页分割符 

left:

在对象后面插入页分割符直到它到达一个空白的左页边 

right:

在对象后面插入页分割符直到它到达一个空白的右页边 

null:

空值。

IE5用来取消页分割符设置

这个page-break-after，主要用来在打印时插入一个分页符，分页就靠它了。

它还有个双胞胎的兄弟，叫page-break-before，参数和它一样，看名字即知道它是用来在对象之前插入分页符。

示例

在理解了以上两个css用法后，下面通过一个示例来说明如何分页。

1.  

2.  

3.   

4.   

12.  

13.  

14.  

15.  

16.

8856F961-340A-11D0-A96B-00C04FD705A2height=0width=0>  

17.  

18.  

19.  

20.  

21.  

22.