WEB打印的几种方案
|
admin
2010年7月9日 23:9
本文热度 6284
|
js代码 [url=#][img]/images/icon_copy.gif[/img][/url]
pagesetup([color=#0000ff]'header'[/color],[color=#0000ff]'ajava.org'[/color]);
pagesetup([color=#0000ff]'footer'[/color],[color=#0000ff]'ajava.orgweb打印系列教程'[/color]);
pagesetup('header','ajava.org');
pagesetup('footer','ajava.orgweb打印系列教程');
[p][br][br] -------------------------------------------一 基于web的打印方案比较分析-------------------------------- [br][br] 基于web的套打，难度在于要将浏览器中呈现的html，精确地打印到票据中，而且能够实现对分页位置的控制。下面就ie浏览器所能采用的套打解决方案，来个汇总分析，希望对大家有所帮助。 [br][br] [b]一、浏览器的打印功能菜单[/b] [br][br] 这种方案的优势是不需要对浏览器作任何扩充，是最简单的办法，但问题也最多，如： [br][br] 不能精确分页。浏览器一般是根据用户设置的页面大小，web页面的内容多少，来自行决定分页位置，程序员很难控制。会有页脚页眉干扰。 [br][br] 不能准确对齐边边距及打印文字。 [br][br] 不能解决连续打印。比如，不是仅打印一张票据，而是连续一次打印若干个票据。 [br][br] [b]二、使用webbrowser控件+ javascript[/b] [br][br] 这实际上，是浏览器打印功能菜单的一种程序调用，与打印功能菜单没什么两样。分页的问题仍然存在，只不过，可以让用户不用去点菜单，直接在网页中的一个按钮，或一个链接里面调用罢了。 [br][br] [b]三 、使用print css[/b] [br][br] 这是一种最理想的实现web套打的方法。这种方法通过在html文档中，嵌入打印相关的css样式，来实现对html文档输出打印的控制，比如设置纸张大小，纸张纵横方向，打印边距，分页等。显而易见，这种方式成本小，不需要下载任何插件，而且跨平台性非常好。print css推出已经有些时日，但遗憾的是，至今没有一个厂商的浏览器很好地实现了这些标准，这使得程序员目前还不能利用print css进行实际的开发。关于打印css，参见http://css-discuss.incutio.com/?page=printstylesheets [br][br] [b]四 、使用pdf文件[/b] [br][br] 用这种方式，就是从服务器端下载一个pdf文件流，在ie中用adobe插件打开，然后用adobe的打印菜单进行打印，虽然这种方案，也能实现精确套打，但需要下载adobe插件。这是国外报表工具经常推荐的一种打印方法，但在pdf不那么普及的中国，这种方案不是最好选择。 [br][br] [b]五 、采用纯activex[/b] [br][br] 这种方案就是下载一个控件，票据的数据不再以html方式呈现，而是呈现在activex中。这种方案的优点是打印的精确度高，分页的可控性好，但缺点也是很明显的，嵌入activex控件破坏了web应用的整体html风格，且这样的控件比较大（一般超过1m），下载颇费时间）。市场上的非java类报表产品，一般都采用这种方案。 [br][br] [b]六 、采用applet方式[/b] [br][br] 采用applet方式，分页或精确打印，都可以做到完美，但缺点也很明显，表现在： [br][br] 安装applet成本巨大。需要下载十几m的文件。 [br][br] 打印报表时，需要重新向服务器检索数据，效率低。因为applet方案，一般采用html方式呈现数据，打印时applet必须向服务器检索同一张票据的数据，看上去，是打印了当前页的票据，实际上，applet根本不会用当前html页的数据来打印，而是向服务器下载数据到applet中来打印。也就是说，打印的话，必须两次请求，一次html呈现，一次用来打印。 [br][br] 不能解决连续打印。比如，不是仅打印一张票据，而是连续一次打印若干个票据。 [br][br] 不能解决打印机设置问题，如存在多台打印机时，总是需要手工选择，打印到哪一台打印机。 [br][br] 市场上java类的报表工具，一般推荐applet方式来实现打印。 [br][br] [color=red][b]七 、轻量级的activex打印方式[/b][/color] [br]-----scriptx----- [br] scriptx的免费版本好点,已经能满足大部分的需求. [br]meadco's scriptx控件有两种使用方式，一种是做为免费版本使用，一种是做为收费版本使用，免费版本支持的功能要少些，不过最重要也是最常用的页面设置，它还是提供的，因此使用免费版本即可。不过这两个版本用的都是同一个cab文件，只不过在代码设置中有一些不同。 [br][br]-----pazu (四方)----- [br] pazu 个人或者商业使用均真正免费授权，无ip或者域名限制。 [br][br] pazu自2009年6月起采用免费的许可,申请时，您必须有确定的ip地址或者域名（主机名），pazu是绑定ip或者域名的，ip或域名尚未确定的我们不能颁发授权，另外，授权一经颁发就不能修改绑定。 绑定的ip和域名必须是最终用户的，所以，最终用户的应用网站必须和4fang网站做好链接，否则 pazu会因为无法验证授权的合法性而不能正常工作(内网应用除外)。 [br][br]企业可以购买开发集成版（适合项目集成或者产品开发公司，提供keygen工具，自己生成许可授权，不限制发行) [br][br][br]-----jatoolsprinter(杰表.打印控件)----- [br] 免费版本只能在192.168.*** 网段使用,2.0之前的版本有免费版本,2.0之后是收费的。目前最新版本是4.2.他们可以通过web脚本来选择输出打印机，纸张大小，打印方向等，不必每次手工设定。 [br][br]价格请看:http://jatools.com/print/howtobuy.htm [br][br][br] [br] 对于简单的打印，我们用ie的功能就可以了，对于需要复杂的设置的，建议使用轻量级的activex打印方式。在接下来的系列教程里，我们会一一介绍。 [br][br][br][br]---------------------------------------二 使用ie的打印功能进行一般的网页打印----------------------------- [br][br]在我们进行web开发的时候，通常会需要用到打印，然而，由于web技术的限制及考虑到安全的问题，一直以来，web打印的功能都是非常弱的，对此，我们也只能接受。也许你在开发过程中经常会遇见客户对你说，“你们系统的打印太差了，你看看excel的打印多好啊，”，面对这样的用户，我们除了苦笑，还能说什么呢？如果你对着他们去解释什么是bs架构，什么是cs架构，不但不能够解决问题，反而会招致用户的反感。 [br][br] 那么，我们是不是就什么都不能做了呢？答案当然是否定的。利用现有的web技术，再加上针对求的灵活实现，我们也可以做出漂亮的打印出来。 [br][br] 在接下来的几篇文章里，我将分别介绍几种打印的方法或技术。这些方法有的很简单，有的稍微复杂一点。我们还是从基础做起，先了解最简单的打印技术，然后再一步一步提高，这样也有利于消化技术。 [br][br] 本篇内容讲述利用ie提供的简单的打印功能，进行打印的设置以及打印。 [br][br] 在ie里打印，我们可以通过javascript来调用window.print()函数实现。下面是一个简单的代码示例。[/p]
[p] [/p]
java代码 [url=#][img]/images/icon_copy.gif[/img][/url]
[p] 点击“打印”后，即可弹出打印窗口,如下图 [br][br][img]http://dl.javaeye.com/upload/attachment/269213/9991e273-7cd0-3894-a367-5521d62ab6d6.bmp[/img][br] [/p]
[p]通过这个函数，可以实现最简单的打印功能。如果我们要对纸张，页边距进行设置，那该怎么做呢？ 我们知道，我们可以方便地通过 internet explorer 用户界面更改页边距、页眉和页脚设置和默认 internet explorer 打印机，ie也提供了一个叫webbrowser 控件来供我们调用，通过调用，可以在页面上调出打印的设置窗口，在设置窗口里，用户可以更改页边距、页眉和页脚设置等。（但是，在 internet explorer 或 webbrowser 控件下没有以编程方式更改这些设置的方法。在本系列教程的第三篇，我将介绍如何在页面上通过编程的方式来更改设置。）我们可以在页面上输入如下代码来调用webbrowser 控件。[/p]
java代码 [url=#][img]/images/icon_copy.gif[/img][/url]
[p] [/p]
[p]上例中的object就是ie提供的打印控件，叫webbrowser，我们在网页中可以用我们设置的id或name来引用它。 [br][br] 这个对象有很用法，其中涉及到打印的有下面三项。 [br][br] wb.execwb(6,1) 打印 [br][br] wb.execwb(7,1) 打印预览 [br][br] wb.execwb(8,1) 打印页面设置 [br][br] 点击“打印”按钮，即可弹出和window.print()函数一样的窗口。 点击打印预览，即可预览当前页面。[/p]
[p] [/p]
[p][br][img]http://dl.javaeye.com/upload/attachment/269215/6ef00446-139a-33ac-857e-e6fddd458e12.bmp[/img][br] [/p]
[p]点击“页面设置”，即可弹出页面设置窗口，在设置窗口里，可以对边距，页眉等进行详细设置。 [br][br][img]http://dl.javaeye.com/upload/attachment/269217/ba95de22-7d89-3640-84d6-c7406e38386a.bmp[/img][br] [/p]
[p] [/p]
[p]通过以上三个功能，我们就可以进行简单的打印和设置了，对于一般的打印需求来说基本足够。 [br][br] 这里需要说明的是，“页面设置”中的各个值，是存储在用户的注册表中。 [br][br] 下面是 microsoft internet explorer 访问打印设置的方式： [br][br] 对于页边距，microsoft internet explorer 首先尝试从以下注册表项中获取值：[/p]
java代码 [url=#][img]/images/icon_copy.gif[/img][/url]
hkey_current_usersoftwaremicrosoftinternet explorerpagesetup hkey_current_usersoftwaremicrosoftinternet explorerpagesetup
[p] [/p]
[p]如果没有此项，internet explorer 将通过从以下注册表项中复制值来创建此项：[/p]
[p] [/p]
java代码 [url=#][img]/images/icon_copy.gif[/img][/url]
hkey_local_machinesoftwaremicrosoftinternet explorerpagesetup hkey_local_machinesoftwaremicrosoftinternet explorerpagesetup
[p] 如果没有此项，将提供默认值。 [br][br] 对于页眉和页脚，将从以下项中获取值：[/p]
java代码 [url=#][img]/images/icon_copy.gif[/img][/url]
hkey_current_usersoftwaremicrosoftinternet explorerpagesetup hkey_current_usersoftwaremicrosoftinternet explorerpagesetup
[p] 如果没有此项，将提供默认值。 [br][br] 页边距的默认值是 0.75， [br][br] 对于 internet explorer 默认打印机，默认值将从以下项提供： [/p]
[p] [/p]
java代码 [url=#][img]/images/icon_copy.gif[/img][/url]
hkey_current_usersoftwaremicrosoftinternet explorerpagesetupprinter hkey_current_usersoftwaremicrosoftinternet explorerpagesetupprinter
[p] [/p]
[p]请注意，这些值作用于整个系统，影响着当前用户的 webbrowser 控件和 internet explorer 的所有实例。因此，如果你设置了第一张网页的页眉是“ajava.org”，那么第二张网页的页眉也是它。 [br][br] 那么，有没有一种办法，能够在程序里对这些选项进行设置，而不需要用户每次都手工来设置呢？请看下面. [br][br][br][br][br][br]------------------------------------三 使用wscript.shell通过编程方式进行复杂的web打印设置----------------------------- [br][br]上篇文章介绍了如何进行简单的打印和设置，适用与一般的打印要求，如互联网上网站的打印。然而，在我们为政府或企业开发系统时，打印需求较为复杂，一般的打印设置可能满足不了用户需求，特别是为了用户良好的可操作性，不能要求用户在打印时都手工进行打印设置，这时，就需要我们在程序里实现对打印的预设置，用户只需要点击打印就可以了。 [br][br] 那么如何实现可编程的打印设置呢？有很多种方法，本文将介绍wscript.shell来进行打印设置。 [br][br] 使用wscript.shell，必须要求客户ie允许 activex进行交互。如果是你开发的系统是针对于特定的用户群，如一个政府单位，或一个企业，那么建议你要求客户将你的系统加入可信任站点。 [br][br] 从《[ajava原创]web打印系列教程之二--使用ie的打印功能进行一般的网页打印》一文中，我们知道，页边距，页眉，页脚是存储在注册表里的。因此，接下来，我们主要是针对注册表进行可编程设置。 [br][br] 请看如下代码。[/p]
js代码 [url=#][img]/images/icon_copy.gif[/img][/url]
ajava.orgweb打印系列教程
[color=#008200]//定义注册表位置 [/color]
[b][color=#7f0055]var[/color][/b] hkey_path=[color=#0000ff]"hkey_current_user\software\microsoft\internet explorer\pagesetup\"[/color];
[color=#008200]//name的值可为header（页眉），footer（页脚），margin_bottom（下边距），margin_left（左边距），margin_right（右边距），margin_top（上边距）。 [/color]
[color=#008200]// [/color]
[b][color=#7f0055]function[/color][/b] pagesetup(name,value) {
[b][color=#7f0055]try[/color][/b] {
[b][color=#7f0055]var[/color][/b] wsh=[b][color=#7f0055]new[/color][/b] activexobject([color=#0000ff]"wscript.shell"[/color]);
wsh.regwrite(hkey_path+name,value);
[color=#008200]//修改注册表值 [/color]
}
[b][color=#7f0055]catch[/color][/b](e){
alert([color=#0000ff]'需要运行运行activex才能进行打印设置。'[/color]);
}
}
ajava.orgweb打印系列教程
//定义注册表位置
var hkey_path="hkey_current_user\software\microsoft\internet explorer\pagesetup\";
//name的值可为header（页眉），footer（页脚），margin_bottom（下边距），margin_left（左边距），margin_right（右边距），margin_top（上边距）。
//
function pagesetup(name,value) {
try {
var wsh=new activexobject("wscript.shell");
wsh.regwrite(hkey_path+name,value);
//修改注册表值
}
catch(e){
alert('需要运行运行activex才能进行打印设置。');
}
}
[p] [/p]
[p] [/p]
[p]面的代码是本道写的一个简单的函数，它可以对header（页眉），footer（页脚），margin_bottom（下边距），margin_left（左边距），margin_right（右边距），margin_top（上边距）进行设置。 [br][br] 如果你想对一个要打印的网页通过编程方式进行以上设置，只需要调用pagesetup即可。例如：[/p]
[p]如果你没有把站点加到可信任站点，那么在执行上面的代码时，可能会弹出一个对话框。如下。[/p]
[p] 图片1[/p]
[p] 选择“是”，程序即对打印进行了设置。如果你打开页面设置窗口，你会发现，页眉，页脚，已经被修改了。[/p]
[p] 图片1[/p]
[p] 对于页边距的值，你只需要根据你自己的版面要求进行设置成相关的值就可以了。下面主要讲一下页眉页脚的详细值。 通常我们会在页眉加上网页的标题，在页脚加上页面代码，日期等等，我们该如何设置呢？[/p]
[p] 下面就是可供我们使用的一些项目及值。[/p]
[p] 键入 要打印[/p]
[p] &w 窗口标题[/p]
[p] &u 网页地址 (url)[/p]
[p] &d 短日期格式（由“控制面板”中的“区域设置”指定）[/p]
[p] &d 长日期格式（由“控制面板”中的“区域设置”指定）[/p]
[p] &t 由“控制面板”中的“区域设置”指定的时间格式[/p]
[p] &t 24 小时时间格式[/p]
[p] &p 当前页号[/p]
[p] &p 网页总数[/p]
[p] && 单个 & 号 (&)[/p]
[p] &b 紧跟在这些字符之后的文本居中打印。[/p]
[p] &b&b 紧跟在第一个 "&b" 之后的文本居中打印，跟在第二个 "&b" 之后的文本按右对齐方式打印。[/p]
[p] 光看这些说明可能有些不直观，我们还是来点例子吧。[/p]
[br][br]pagesetup('header','&b&w&b&d'); [br][br]pagesetup('footer','ajava.org网站出品&b&w&b第&p页，共&p页'); [br][br]
[p] 运行后页眉如下图。[/p]
[p]图片1[/p]
[p] 页脚如下图。[/p]
[p][url=http://img.ddvip.com/2009_03_24/1237876151_ddvip_2447.png] 图片看不清楚？请点击这里查看原图（大图）。[/url][/p]
[p] 图片1[/p]
[p] 对于其他的参数都很好理解，这里我只解释一下如何居左，居中，居右。[/p]
[p] 要想居中，使用“&b”，紧跟在这些字符之后的文本居中打印。例如“&b教程”，那么“教程”就会居中。[/p]
[p] 要想居右，就在居中的后面再加上“&b”。例如“&b教程&b打印系列”，那么“教程”就会居中，打印系列就会居右。[/p]
[p] 如果你不想居中，只要居右，“&b&b打印系列”这样就可以了。[/p]
[p] 第一个“&b”前面的文字都是居左。[/p]
[p] 通过wscript.shell的使用，我们已经可以通过编程方式进行打印设置了，应该说，普通的打印需求都可以实现了。但是，在日常的打印里，还有一种特色的需求，那就是分页，对于分页打印，我们该如何实现呢？请看《[ajava原创]web打印系列教程之四--简单的web打印分页设置》[/p]
[p] 在讲述如何分页打印之前，我们有必要先了解一下css中不为人知的一些用法。[/p]
[p] css里media的使用[/p]
[p] 我们在网页里引用外部的css文件时，通常是用如下的代码：[/p]
[p][/p]
[p] 实际上，上面的link对象里，我们是省略了一个叫“media”的属性，这个属性指定样式表规则用于指定的设备类型。它有如下值可用：[/p]
[p] all-- 用于所有设备类型[/p]
[p] aural-- 用于语音和音乐合成器[/p]
[p] braille-- 用于触觉反馈设备[/p]
[p] embossed-- 用于凸点字符（盲文）印刷设备[/p]
[p] handheld-- 用于小型或手提设备[/p]
[p] print-- 用于打印机[/p]
[p] projection-- 用于投影图像，如幻灯片[/p]
[p] screen-- 用于计算机显示器[/p]
[p] tty-- 用于使用固定间距字符格的设备。如电传打字机和终端[/p]
[p] tv-- 用于电视类设备[/p]
[p] 这么多的值，并不是每个都可用，因为浏览器厂商并没有全部实现它们。[/p]
[p] 在ie里面，可用的值有all，print，screen三个。上面的代码里，我们没有使用“media”，实际上ie或其他浏览器是用了“all”这个值。“screen”，用于显示器，也就是我们一般看到的效果。“print”，用于打印的效果。[/p]
[p] 也就是说，我们没有指定“media”，那么我们看到的效果和打印的效果，它们用的都是同样的css文件。如果我们指定了一个“screen”，又指定了一个“print”，那么在打印时就会用“print”指定的css来渲染网页并打印。例如一个网页里有如下代码：[/p]
[br][br]
[p] 那就表示，我们通过ie看到的网页，用到的css文件是mycss.css，而通过ie打印时用到的css文件则是myprintcss.css。想到什么了吗？对，我们可以通过print的设置，来让网页上的一些不需要打印的内容隐藏起来，比如，打印按钮。实际上，media还可以这样使用：[/p]
[br][br]//这里定义你要打印时用到的css类 [br][br]
[p] 或者这样使用：[/p]
[p] css里用于打印的属性[/p]
[p] page-break-after : auto | always | avoid | left | right | null[/p]
[p] 参数：[/p]
[p] auto : 假如需要在对象之后插入页分割符[/p]
[p] always :始终在对象之后插入页分割符[/p]
[p] avoid : 避免在对象后面插入页分割符[/p]
[p] left : 在对象后面插入页分割符直到它到达一个空白的左页边[/p]
[p] right :在对象后面插入页分割符直到它到达一个空白的右页边[/p]
[p] null : 空值。ie5用来取消页分割符设置[/p]
[p] 这个page-break-after，主要用来在打印时插入一个分页符，分页就靠它了。它还有个双胞胎的兄弟，叫page-break-before，参数和它一样，看名字即知道它是用来在对象之前插入分页符。[/p]
[p]示例[/p]
[p] 在理解了以上两个css用法后，下面通过一个示例来说明如何分页。[/p]
[br][br] [br][br] ajava.org书城订单明细 [br][br] [br][br] [br][br] [br][br] [br][br] [br][br] [br][br] [br][br] [br][br] [br][br] [br][br] [br][br]
[br][br] [br][br] 
400 186 1886
