zoukankan      html  css  js  c++  java
  • [转]Web打印控制技术的几种方案



     做Web开发的人员一定都会面临一个共同的难题,那就是打印。的确,相对于Windows桌面应用程序来讲,Web应用程序的打印有种种限制,技术人员在项目开发过程中经常会遇到用户这样或那样的需求. 做过桌面应用开发的人都会非常熟悉水晶报表、Active Report之类的报表控件,它们不仅有简单灵活的设计界面,更具有非常强大的报表功能,能满足各种报表的打印需求。而Web应用则因为其特殊的呈现方式,只能寻求其他的解决方案。现在我们来分析一下目前已经成形的Web打印方案:

      现有的Web打印控制技术分成几种方案:

      一.自定义控件完成打印

      利用IE 自带的WebBrowser 控件实现打印

      利用第三方控件实现打印

      1、自定义控件方式

      自定义控件方式就是利用VB 或VC 等工具生成COM 组件,用定义好的打印格式来分析打印源文件从而实现打印。只有将生成的组件下载并注册到客户机上,才能实现在客户端的

    打印。

      难点主要是定义打印格式、如何来分析打印源文件。现有的比较好的方法是利用XML 技术来全面的解决问题,利用XML 可以非常容易地定义打印目标的文本、表格等内容的格式。

    但对程序员的开发要求高,难度比较大。

      2、利用WebBrowser 实现Web打印

      WebBrowser是IE 内置的浏览器控件,无需用户下载。本文档所讨论的是有关IE6.0 版本 的WebBrowser 控件技术内容。与其相关的技术要求有:打印文档的生成、页面设置、打印操作的实现等几个环节。

      (一)、打印文档的生成

      1、客户端脚本方式

      客户端脚本分为VBScript、java script、JScript 几种脚本语言。在IE 下开发应用使用的语法为JScript 的语法,由于它和java script 几乎没有什么区别,所以也可以称其为java script(下面简写为JS)。一般情况下,主要使用JS 来实现DOM 文档的分析,DOM 为微软提出的一种Web文档模型,主要用来实现Web脚本编程。

      利用JS 可以分析源页面的内容,将欲打印的页面元素提取出来,实现打印。通过分析源文档的内容,可以生成打印目标文档。

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

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

      2、服务器端程序方式

      服务器端程序方式,主要是利用后台代码从数据库中读取打印源,生成打印目标文档。当的页面生成时,还应适当考虑使用CSS 来实现强制分页控制。

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

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

      (二)、页面设置

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

    行数、大小、位置、字体的大小等。

      现有的技术是利用IE6.0 内置的打印模板方式来控制页面设置,其可以对打印目标文档产生非常大的影响。打印模板可以控制页边距、页眉、页脚、奇偶页等内容,并可以将用户的设置取得,还可以将设置发送到服务器端。

      打印模板技术可以自定预览窗口和打印格式,最大限度地影响目标文档和打印效果。

      (三)、打印操作的实现

      此功能的实现主要是利用WebBrowser控件的函数接口来实现打印、打印预览(默认的)、

      页面设置(默认的)。

    <object ID='WebBrowser1' WIDTH=0 HEIGHT=0

    CLASSID='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'>

    //打印

    WebBrowser1.ExecWB(6,1);

    //打印设置

    WebBrowser1.ExecWB(8,1);

    //打印预览

    WebBrowser1.ExecWB(7,1);

    3、一个实例项目采用的打印方案

    服务器端程序方式、打印预览接口调用,下面为例, 主要参考项目中的:

    pageErrorPrint.aspx.vb 文件

    主调用页

    function PrintPage(iPageIndex,strQuery)

    {

    var strURL;

    strURL = "PageErrorPrint.aspx?PageIndex=" + iPageIndex + "&QueryString=" +

    strQuery;

    winPrint=window.open(strURL,"","left=2000,top=2000,fullscreen=3");

    }

    打印页HTML 源中的预览控制

    <SCRIPT language="java script">

    document.write("<object ID='WebBrowser' WIDTH=0 HEIGHT=0

    CLASSID='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'></object>");

    WebBrowser.ExecWB(7,1);

    window.opener=null;

    window.close();

    </SCRIPT>

    程序头

    '首先声明表格容器

    Protected WithEvents phContainer As System.Web.UI.WebControls.PlaceHolder

    '每个表格中的记录数量

    Private Const ItemPerTable As Integer = 20

    关键的实现部分

    '创建一个符合打印要求的表格

    tabPagePrint = NewPrintTable()

    '将表头添加到此表格中

    Call AddTableTitle(tabPagePrint)

    '初始化记录器

    i = 0

    iItemIndex = iStartPoint

    For Each clsItem In clsAllData.ErrorCollection

    If i > 0 And i Mod ItemPerTable = 0 Then

    '添加表格控件到页面中

    phContainer.Controls.Add(tabPagePrint)

    '在页面中添加一个换行符

    Call AddPageBreak()

    '创建新一轮的表格

    tabPagePrint = NewPrintTable()

    Call AddTableTitle(tabPagePrint)

    End If

    '将记录添加到表格中

    Call AddItemToTable(iItemIndex, tabPagePrint, clsItem)

    iItemIndex = iItemIndex + 1

    i = i + 1

    Next

    '添加表格控件到页面中

    phContainer.Controls.Add(tabPagePrint)

    支持函数

    '功能:添加页的换行符

    Private Sub AddPageBreak()

    Dim ltBreak As LiteralControl

    ltBreak = New LiteralControl("<p style='page-break-before:always'>")

    phContainer.Controls.Add(ltBreak)

    End Sub

      二、利用IE自身打印

      这种方式比较简单,也常用的打印方式,只需要将报表页面设计好,用户通过IE菜单中的打印功能完成打印。优点是简单,容易实现,缺点是不灵活,不能控制分页,不能控制好页眉和页脚。

      三、将报表导出成Word,Excel或PDF形式打印

      这种方式需要将页面导出成Office文档或pdf,最低的要求是客户端已经安装用以打开Word、Excel或Pdf文档的软件。这种方式可以通过水晶报表组件或其他一些第三方控件非常容易地实现。导出成Pdf形式后打印质量和效果都很好,导出成Word或Excel后用户可以自定义打印的内容和格式。

      总之,现有的打印方案各有所长,在开发过程中应根据用户的需求作选择,利用IE打印简单,容易实现,在用户需求简单或打印内容较少的情况下采用此方案比较适宜。利用自定义控件打印可以实现完全自定义,但需要较高的技术要求和开发周期。利用导出的方式则可以满足用户需要一点自定义或打印内容有多页的需求。

    -------------------------------------------------------------

    1、控制"纵打"、横打”和“页面的边距。 

    (1)<script defer> 

    function SetPrintSettings() { 

     // -- advanced features 

     factory.printing.SetMarginMeasure(2) // measure margins in inches 

     factory.SetPageRange(false, 1, 3) // need pages from 1 to 3 

     factory.printing.printer = "HP DeskJet 870C" 

     factory.printing.copies = 2 

     factory.printing.collate = true 

     factory.printing.paperSize = "A4" 

     factory.printing.paperSource = "Manual feed" 

     // -- basic features 

     factory.printing.header = "This is MeadCo" 

     factory.printing.footer = "Advanced Printing by ScriptX" 

     factory.printing.portrait = false 

     factory.printing.leftMargin = 1.0 

     factory.printing.topMargin = 1.0 

     factory.printing.rightMargin = 1.0 

     factory.printing.bottomMargin = 1.0 

    </script> 

    (2) 

    <script language="java script"> 

      function printsetup(){ 

      // 打印页面设置 

      wb.execwb(8,1); 

      } 

      function printpreview(){ 

      // 打印页面预览 

         

      wb.execwb(7,1); 

          

         

      } 

      function printit() 

      { 

      if (confirm('确定打印吗?')) { 

      wb.execwb(6,6) 

      } 

      } 

      </script> 

    </head> 

    <body> 

    <OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" 

    height=0 id=wb name=wb width=0></OBJECT> 

    <input type=button name=button_print value="打印" 

    onclick="java script:printit()"> 

    <input type=button name=button_setup value="打印页面设置" 

    onclick="java script:printsetup();"> 

    <input type=button name=button_show value="打印预览" 

    onclick="java script:printpreview();"> 

    <input type=button name=button_fh value="关闭" 

    onclick="java script:window.close();"> 

    ------------------------------------------------ 

    关于这个组件还有其他的用法,列举如下: 

    WebBrowser.ExecWB(1,1) 打开 

    Web.ExecWB(2,1) 关闭现在所有的IE窗口,并打开一个新窗口 

    Web.ExecWB(4,1) 保存网页 

    Web.ExecWB(6,1) 打印 

    Web.ExecWB(7,1) 打印预览 

    Web.ExecWB(8,1) 打印页面设置 

    Web.ExecWB(10,1) 查看页面属性 

    Web.ExecWB(15,1) 好像是撤销,有待确认 

    Web.ExecWB(17,1) 全选 

    Web.ExecWB(22,1) 刷新 

    Web.ExecWB(45,1) 关闭窗体无提示 

    2、分页打印 

    <HTML> 

    <HEAD> 

    <STYLE>   

      P {page-break-after: always} 

    </STYLE> 

    </HEAD> 

    <BODY> 

    <%while not rs.eof%> 

    <P><%=rs(0)%></P> 

    <%rs.movenext%> 

    <%wend%> 

    </BODY> 

    </HTML> 

    3、ASP页面打印时如何去掉页面底部的路径和顶端的页码编号 

    (1)ie的文件-〉页面设置-〉讲里面的页眉和页脚里面的东西都去掉,打印就不出来了。 

    (2)<HTML> 

    <HEAD> 

    <TITLE> New Document </TITLE> 

    <META NAME="Generator" CONTENT="EditPlus"> 

    <META NAME="Author" CONTENT="YC"> 

    <script language="VBScript"> 

    dim hkey_root,hkey_path,hkey_key 

    hkey_root="HKEY_CURRENT_USER" 

    hkey_path="\Software\Microsoft\Internet Explorer\PageSetup" 

    '//设置网页打印的页眉页脚为空 

    function pagesetup_null() 

      on error resume next 

      Set RegWsh = CreateObject("WScript.Shell") 

      hkey_key="\header"   

      RegWsh.RegWrite hkey_root+hkey_path+hkey_key,"" 

      hkey_key="\footer" 

      RegWsh.RegWrite hkey_root+hkey_path+hkey_key,"" 

    end function 

    '//设置网页打印的页眉页脚为默认值 

    function pagesetup_default() 

      on error resume next 

      Set RegWsh = CreateObject("WScript.Shell") 

      hkey_key="\header"   

      RegWsh.RegWrite hkey_root+hkey_path+hkey_key,"&w&b页码,&p/&P" 

      hkey_key="\footer" 

      RegWsh.RegWrite hkey_root+hkey_path+hkey_key,"&u&b&d" 

    end function 

    </script> 

    </HEAD> 

    <BODY> 

    <br/> 

    <br/> 

    <br/> 

    <br/> 

    <br/> 

    <br/><p align=center> 

    <input type="button" value="清空页码" onclick=pagesetup_null()> <input type="button" value="恢复页吗" onclick=pagesetup_default()><br/> 

    </p> 

    </BODY> 

    </HTML> 

    4、浮动帧打印 

    <SCRIPT LANGUAGE=java script> 

    function button1_onclick() { 

      var odoc=window.iframe1.document; 

      var r=odoc.body.createTextRange(); 

      var stxt=r.htmlText; 

      alert(stxt) 

      var pwin=window.open("","print"); 

      pwin.document.write(stxt); 

      pwin.print(); 

    </SCRIPT> 

    4、用FileSystem组件实现WEB应用中的本地特定打印 

    <script Language=VBScript> 

    function print_onclick //打印函数 

    dim label 

    label=document.printinfo.label.value //获得HTML页面的数据 

    set objfs=CreateObject("Scripting.FileSystemObject") //创建FileSystem组件对象的实例 

    set objprinter=objfs.CreateTextFile ("LPT1:",true) //建立与打印机的连接 

    objprinter.Writeline("__________________________________") //输出打印的内容 

    objprinter.Writeline("| |") 

    objprinter.Writeline("| 您打印的数据是:"&label& " |”) 

    objprinter.Writeline("| |") 

    objprinter.Writeline("|_________________________________|") 

    objprinter.close //断开与打印机的连接 

    set objprinter=nothing 

    set objfs=nothing // 关闭FileSystem组件对象 

    end function 

    </script> 

    服务器端脚本: 

    <%……… 

    set conn=server.CreateObject ("adodb.connection") 

    conn.Open "DSN=name;UID=XXXX;PWD=XXXX;" 

    set rs=server.CreateObject("adodb.recordset") 

    rs.Open(“select ……”),conn,1,1 

    ……….%> //与数据库进行交互 

    HTML页面编码: 

    <HTML> 

    ……… 

    <FORM ID=printinfo NAME="printinfo" > 

    <INPUT type="button" value="打印>>" id=print name=print > //调用打印函数 

    <INPUT type=hidden id=text1 name=label value=<%=………%>> //保存服务器端传来的数据 

    ……… 

    </HTML>



    WEB打印大全
    <OBJECT id="WebBrowser" height="0" width="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"
    VIEWASTEXT>
    </OBJECT>

    然后就可以依次加入功能按钮了:

    <input onclick="document.all.WebBrowser.ExecWB(6,1)" type="button" value="打印"> <input

    onclick="document.all.WebBrowser.ExecWB(6,6)" type="button" value="直接打印">
    <input onclick="document.all.WebBrowser.ExecWB(8,1)" type="button" value="页面设置">
    <input onclick="document.all.WebBrowser.ExecWB(7,1)" type="button" value="打印预览">&nbsp;<INPUT

    type="button" value="关闭窗口" onclick="javascript:window.close()">

    将这两块东西放到<center class=noprint></center>就不会打印这些按钮了。当然要定义noprint了:

    <style media="print">.Noprint {}{ DISPLAY: none }</style>只要把不想打印的东西的css设置成noprint就可以了。

    现在就实现了基本的web打印,需要注意的情况如下:

    必须将ie的internet选项的安全设置中对于没有标记为安全的ActiveX控件进行设置成提示或者启用,否则会报错,导致不

    可用。
    如果在vs.net编辑环境下编辑该页面,它经常自动的给object添加多余的参数,有了这些东西,打印就会出错,所以要记得

    最后保存的时候删除它们。
    为了简便并且达到最好的效果,我们可以在一个页面实现编辑和打印,这时候会需要很多的textbox,我们把它的css设置成

    .edittext
    {
    overflow-y:visible;
    100%;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    }就可以实现在打印的时候不显示边框和multiline的textbox不显示滚动条了。

    还有一些小经验就是在设置标格宽度的时候,对于A4纸张,横打用920,竖打用640,效果最好。

    关于这个组件还有其他的用法,列举如下:
    WebBrowser.ExecWB(1,1) 打开
    Web.ExecWB(2,1) 关闭现在所有的IE窗口,并打开一个新窗口
    Web.ExecWB(4,1) 保存网页
    Web.ExecWB(6,1) 打印
    Web.ExecWB(7,1) 打印预览
    Web.ExecWB(8,1) 打印页面设置
    Web.ExecWB(10,1) 查看页面属性
    Web.ExecWB(15,1) 好像是撤销,有待确认
    Web.ExecWB(17,1) 全选
    Web.ExecWB(22,1) 刷新
    Web.ExecWB(45,1) 关闭窗体无提示

    用WebBrowser组件打印页面内容例子
    <!--
    document.all.WebBrowser.ExecWB(6,6)
    参数例表

    4,1保存网页
    4,2保存网页(对话框)
    6,1直接打印
    6,2直接打印
    7,1打印预览
    7,2打印预览
    8,1选择参数,打印参数设置
    8,2选择参数,打印参数设置

    10,1查看页面属性
    10,2查看页面属性
    17,1全选
    17,2全选
    22,1重新载入当前页
    22,2重新载入当前页
    -->

    <html>
    <head>
    <meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5">
    <title>***WSOFT.NET***</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <!--media=print 这个属性可以在打印时有效-->
    <style media=print>
    .Noprint{display:none;}
    .PageNext{page-break-after: always;}
    </style>
    <style>
    body,td,th
    {
    font-size: 12px;
    }
    .tdp
    {
          border-bottom: 1 solid #000000;
          border-left:    1 solid #000000;
          border-right:    0 solid #ffffff;
          border-top: 0 solid #ffffff;
    }
    .tabp
    {
          border-color: #000000;

    border-collapse:collapse;
    }
    .NOPRINT {
    font-family: "宋体";
    font-size: 12px;
    }

    </style>

    </head>

    <body >
        <OBJECT    id=WebBrowser    classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2    height=0    width=0

    VIEWASTEXT>
        </OBJECT>
    <input type=button value=打印       onclick="document.all.WebBrowser.ExecWB(6,1)" class="NOPRINT">
    <input type=button value=直接打印 onclick="document.all.WebBrowser.ExecWB(6,6)" class="NOPRINT">
    <input type=button value=页面设置 onclick="document.all.WebBrowser.ExecWB(8,1)" class="NOPRINT">
    <input type=button value=打印预览 onclick="document.all.WebBrowser.ExecWB(7,1)" class="NOPRINT">
        <br/>
    <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr align="center">
          <td colspan="5"><font size="3">北京市人民医院结帐费用报表</font></td>
        </tr>
        <tr>
          <td>汇总人次 5</td>
          <td>费用合计 15853.12</td>
          <td>统计日期 </td>
          <td>制表人 Super</td>
          <td>制表日期:2005-03-08</td>
        </tr>
    </table>

    <table width="90%" border="1" align="center" cellpadding="2" cellspacing="0" bordercolor="#000000"   

    class="tabp">
        <tr>
          <td     >姓名</td>
          <td     >住院号</td>
          <td     >科室</td>
          <td     >结帐日期</td>
          <td     >出院日期</td>
          <td     >费用合计</td>
          <td     >医保交易费用</td>
          <td     >分类给付费用</td>
          <td     >非医保交易费</td>
          <td     >&nbsp;</td>
          <td     >&nbsp;</td>
          <td     >&nbsp;</td>
          <td     >&nbsp;</td>
          <td     >&nbsp;</td>
          <td     >&nbsp;</td>

        </tr>
        <tr>
          <td     >&nbsp;</td>
          <td     >&nbsp;</td>
          <td     >&nbsp;</td>
          <td     >&nbsp;</td>
          <td     >&nbsp;</td>
          <td     >&nbsp;</td>
          <td     >&nbsp;</td>
          <td     >&nbsp;</td>
          <td     >&nbsp;</td>
          <td     >&nbsp;</td>
          <td     >&nbsp;</td>
          <td     >&nbsp;</td>
          <td     >&nbsp;</td>
          <td     >&nbsp;</td>

        </tr>
    </table>
    <hr align="center" width="90%" size="1" noshade class="NOPRINT" >
    <!--分页-->
    <div class="PageNext"></div>
    <table width="90%" border="1" align="center" cellpadding="2" cellspacing="0" bordercolor="#000000"   

    class="tabp">
        <tr>
          <td >第2页</td>
        </tr>
        <tr>
          <td >看到分页了吧</td>
        </tr>
        <tr>
          <td >&nbsp;</td>
        </tr>
        <tr>
          <td >&nbsp;</td>
        </tr>
        <tr>
          <td ><table width="100%"    border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="50%" >这样的报表
                    对一般的要求就够了。</td>
                <td>&nbsp;</td>
              </tr>
          </table></td>
        </tr>
    </table>
    </body>
    </html>

    简单懂得 HTML CSS 即可。
    下面样式只在打印时有用 <style media=print>
    <style media=print>
    .Noprint{display:none;}
    .PageNext{page-break-after: always;}
    </style>

    WebBrowser 控件对象。只要是 win98 以上版本都有。
    其实配合“分页样式表”,和 HTML表格 一般的打印都可以实现的。

    如果想对 非Windows平台用户使用。
    请去掉下面这些:
    <center class="Noprint" >
       <p>
    <!--最主要是这个-->
       <OBJECT   id=WebBrowser   classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2   height=0   width=0>
       </OBJECT>
       <input   type=button   value=打印           onclick=document.all.WebBrowser.ExecWB(6,1)>
       <input   type=button   value=直接打印   onclick=document.all.WebBrowser.ExecWB(6,6)>
       <input   type=button   value=页面设置   onclick=document.all.WebBrowser.ExecWB(8,1)>
    </p>
       <p>     <input   type=button   value=打印预览   onclick=document.all.WebBrowser.ExecWB(7,1)>
         <br/>
         </p>
       <hr align="center" width="90%" size="1" noshade>
    </center>

    //也许有些地方大家不太明白我解释一下其实很简单
    。。。。。。。。。。。。。。。。。。
    <!--media=print只有在打印中   有效-->
    <style media=print>

    <!--display:none 隐藏加上,上面的 media=print 就是在打印时隐藏-->
    .Noprint{display:none;}

    <!--分页-->
    .PageNext{page-break-after: always;}

    </style>

    .......
    <!--网页中分页-->
    <div class="PageNext"></div>

     


    FROM:http://www.cnblogs.com/webreport/archive/2007/05/30/764891.html

  • 相关阅读:
    关于input()
    HDU 3746
    HDU 4335 Contest 4
    HDU 4418 高斯消元法求概率DP
    HDU 4339 Contest 4
    HDU 4334 Contest 4
    HDU 4333 Contest 4
    HDU 4332 Contest 4
    HDU 4035
    HDU 4336
  • 原文地址:https://www.cnblogs.com/yiki/p/791645.html
Copyright © 2011-2022 走看看