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

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

发布: admin | 类别: 前端设计 | 点击:4112 | 更新时间:2012-07-11 08:42:59

0 条评论

网络打印概述 
  • B/S结构导致了Web应用程序中打印的特殊性。
  • 程序运行在浏览器中,打印机在本地,而文件确可能在服务器上,导致了打印控制不是很灵活。
  • 格式如何控制和定制等,是我们开发中可能会面对的问题。
  打印文档的生成
  • 1、客户端脚本方式
  一般情况下,主要使用JS 可以分析源页面的内容,将欲打印的页面元素提取出来,实现打印。通过分析源文档的内容,可以生成打印目标文档。
  优点:客户端独立完成打印目标文档的生成,减轻服务器负荷;
  缺点:源文档的分析操作复杂,并且源文档中的打印内容要有约定。
  • 2、服务器端程序方式
  利用后台代码从数据库中读取打印源,生成打印目标文档。当的页面生成时,还应适当考虑使用CSS 来实现强制分页控制。
  优点:可以生成内容非常丰富的打印目标文档,目标文档的内容的可控性强。由于打印内容是从数据库中获取的,所以生成操作相对简单;
  缺点:服务器端负载比较大;
  页面设置
  • 页面设置主要是指设置打印文档的页边距、页眉、页脚、纸张等内容。页面设置将直接影响到打印文档版面的生成效果,所以它和打印文档的生成有着密切的关系。比如:表格的行数、大小、位置、字体的大小等。
  现有的技术是利用IE6.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>

0 条评论

 

欢迎留下您的评论

红框选项必须输入,不允许html代码。

联系我们

  • 电话: 18908191278 028-61408608
  • 网址: www.drawnet.cn
  • QQ: 464410235
  • 微信: 464410235
  • 邮箱: master@drawnet.cn

关于我们

关注微信公众号

扫码关注微信服务号

进入微信小程序

扫码进入微信小程序