当前位置导航:炫浪网>>网络学院>>网页制作>>ASP.NET教程

ASP.NET页面打印技术的总结

欢迎进入.NET社区论坛,与200万技术人员互动交流 >>进入

网络打印概述

◆B/S结构导致了Web应用程序中打印的特殊性。

◆程序运行在浏览器中,打印机在本地,而文件却可能在服务器上,导致了打印控制不是很灵活。

◆格式如何控制和定制等,是我们开发中可能会面对的问题。

打印文档的生成

1、客户端脚本方式

一般情况下,主要使用JS可以分析源页面的内容,将欲打印的页面元素提取出来,实现打印。通过分析源文档的内容,可以生成打印目标文档。

优点:客户端独立完成打印目标文档的生成,减轻服务器负荷;

缺点:源文档的分析操作复杂,并且源文档中的打印内容要有约定。

2、服务器端程序方式

利用后台代码从数据库中读取打印源,生成打印目标文档。当的页面生成时,还应适当考虑使用CSS来实现强制分页控制。

优点:可以生成内容非常丰富的打印目标文档,目标文档的内容的可控性强。由于打印内容是从数据库中获取的,所以生成操作相对简单;

缺点:服务器端负载比较大。

页面设置

◆页面设置主要是指设置打印文档的页边距、页眉、页脚、纸张等内容。页面设置将直接影响到打印文档版面的生成效果,所以它和打印文档的生成有着密切的关系。比如:表格的行数、大小、位置、字体的大小等。

现有的技术是利用IE 6.0内置的打印模板方式来控制页面设置,其可以对打印目标文档产生非常大的影响。打印模板可以控制页边距、页眉、页脚、奇偶页等内容,并可以将用户的设置取得,还可以将设置发送到服务器端。打印模板技术可以自定预览窗口和打印格式,最大限度地影响目标文档和打印效果。

IE直接打印

直接调用window.print或者webrower控件的ExecWB方法来打印。

优点:方便快捷,客户端无需任何设置即可。

缺点:打印控制不是很灵活。如果直接调用。

window.print来打印页面,页面上别的元素也会被打印处理,页头页尾的格式也不好控制。

常用方法:大部分情况会把查询的结果绑定到DataGrid上来,然后打印DataGrid。这种情况的打印一般来说格式比较固定简单,确定后基本不会再作更改。所以可以采用IE直接打印。

【实例代码】

注:①这是客户端通过window.print打印指定内容。这里定义sprnstr和eprnstr来指定内容。

执行代码:

<input type="button" name="print" value="预览并打印" onclick="preview()">

②如果直接使用window.print将打印页面上的所有内容,但是我们可以使用:

st<<style> @media Print { .Noprn { DISPLAY: none }}

用来指定不打印的内容。

script language="Javascript">

function preview()

{

bdhtml=window.document.body.innerHTML;

sprnstr="<!--startprint-->";

eprnstr="<!--endprint-->";

prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);

prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));

window.document.body.innerHTML=prnhtml;

window.print();

}

</script>

<!--省略部分代码-->

<form id="WebForm1" method="post" runat="server">

<center>本部分以上不被打印</center>

<!--startprint-->

<div align="center">

<asp:DataGrid id="dgShow" runat="server">

<!--省略部分代码-->

</asp:DataGrid>

</div>

<!--endprint-->

<center>本部分以下不被打印</center>

<div align="center">

<input type="button" name="print" value="预览并打印" onclick="preview()">

</div>

<style> @media Print { .Noprn { DISPLAY: none }}

</style>

<p class="Noprn">不打印</p>

<table id="datagrid">

<tr>

<td>打印</td>

</tr>

</table>

<input class="Noprn" type="button" onclick="window.print()" value="print">

</form>

 

相关内容
赞助商链接