Web报表打印·简单实现·(一)


近日看到论坛中有好多人提到,Web 方式打印报表 的问题 都感觉很辣手。
本人有点小技巧愿意拿处来和大家分享。
本方法不分语言(ASP,ASP.NET,JSP,PHP..)可以生成HTML的语言都可以使用。
其实很简单只要你略懂 HTML,CSS 即可,打印的出来的效果(那就要看你自己了)个人认为一般的打印完全可以应付。

先给一个简单实用的方式(可以打印多页,控制分页,隐藏非打印项目)

 1<html>
 2<head>
 3<title>报表</title>
 4<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
 5<!--media=print 这个属性可以在打印时有效-->
 6<style media="print">   
 7.Noprint{display:none;}  <!--用本样式在打印时隐藏非打印项目-->   
 8.PageNext{page-break-after: always;}  <!--控制分页-->   
 9</style>
10<style>   
11.style_td   
12{   
13border-bottom: 1 solid #000000;   
14border-left: 1 solid #000000;   
15border-right: 0 solid #ffffff;   
16border-top: 0 solid #ffffff;   
17}   
18.style_tab   
19{   
20border-color: #000000 #000000 #000000 #000000;   
21border-style: solid;   
22border-top-width: 2px;   
23border-right-width: 2px;   
24border-bottom-width: 1px;   
25border-left-width: 1px;   
26}   
27.NOPRINT {   
28font-family: "宋体";   
29font-size: 9pt;   
30} 
31
32</style>
33</head>
34<body>
35<center class="Noprint">
36<p>
37<object classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0" id="WebBrowser" width="0">
38</object>
39<input onclick="document.all.WebBrowser.ExecWB(6,1)" type="button" value="打印"/>
40<input onclick="document.all.WebBrowser.ExecWB(6,6)" type="button" value="直接打印"/>
41<input onclick="document.all.WebBrowser.ExecWB(8,1)" type="button" value="页面设置"/>
42</p>
43<p> <input onclick="document.all.WebBrowser.ExecWB(7,1)" type="button" value="打印预览"/>
44</p>
45<hr align="center" noshade="" size="1" width="90%"/>
46</center>
47<table align="center" border="0" cellpadding="2" cellspacing="0" class="style_tab" width="90%">
48<tr>
49<td class="style_td" colspan="3">第1页</td>
50</tr>
51<tr>
52<td class="style_td" width="29%"> </td>
53<td class="style_td" width="28%"> </td>
54<td class="style_td" width="43%"> </td>
55</tr>
56<tr>
57<td class="style_td" colspan="3"> </td>
58</tr>
59<tr>
60<td class="style_td" colspan="3"><table border="0" cellpadding="0" cellspacing="0" width="100%">
61<tr>
62<td class="style_td" width="50%"><p>这样的报表</p>
63<p>对一般的要求就够了。</p></td>
64<td> </td>
65</tr>
66</table></td>
67</tr>
68</table>
69<hr align="center" class="NOPRINT" noshade="" size="1" width="90%"/>
70<!--分页-->
71<div class="PageNext"></div>
72<table align="center" border="0" cellpadding="2" cellspacing="0" class="style_tab" width="90%">
73<tr>
74<td class="style_td">第2页</td>
75</tr>
76<tr>
77<td class="style_td">看到分页了吧</td>
78</tr>
79<tr>
80<td class="style_td"> </td>
81</tr>
82<tr>
83<td class="style_td"> </td>
84</tr>
85<tr>
86<td class="style_td"><table border="0" cellpadding="0" cellspacing="0" width="100%">
87<tr>
88<td class="style_td" width="50%"><p>这样的报表</p>
89<p>对一般的要求就够了。</p></td>
90<td> </td>
91</tr>
92</table></td>
93</tr>
94</table>
95</body>
96</html>
1<object classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0" id="WebBrowser" width="0">
2</object>
1<input onclick="document.all.WebBrowser.ExecWB(6,1)" type="button" value="打印"/>
1<input onclick="document.all.WebBrowser.ExecWB(6,6)" type="button" value="直接打印"/>
1<input onclick="document.all.WebBrowser.ExecWB(8,1)" type="button" value="页面设置"/>
1<p> <input onclick="document.all.WebBrowser.ExecWB(7,1)" type="button" value="打印预览"/>
2</p>
1<hr align="center" noshade="" size="1" width="90%"/>

-->

第一次发稿(也许这方法很多人已经会了^^)。
还有不知道本搞应该发到哪个栏目 所以就发到这里了。^
^

EMAIL: [email protected]

Published At
Categories with Web编程
Tagged with
comments powered by Disqus