Web報表列印·簡單實現·(一)

來源:互聯網
上載者:User
web|報表列印 近日看到論壇中有好多人提到,Web 方式列印報表 的問題 都感覺很辣手。
本人有點小技巧願意拿處來和大家分享。
本方法不分語言(ASP,ASP.NET,JSP,PHP..)可以產生HTML的語言都可以使用。
其實很簡單只要你略懂 HTML,CSS 即可,列印的出來的效果(那就要看你自己了)個人認為一般的列印完全可以應付。

先給一個簡單實用的方式(可以列印多頁,控制分頁,隱藏非列印項目)
<!--語言無關 儲存成 .HTML 看看-->
<html>
<head>
<title>報表</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>
.style_td
{
border-bottom: 1 solid #000000;
border-left: 1 solid #000000;
border-right: 0 solid #ffffff;
border-top: 0 solid #ffffff;
}
.style_tab
{
border-color: #000000 #000000 #000000 #000000;
border-style: solid;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 1px;
border-left-width: 1px;
}
.NOPRINT {
font-family: "宋體";
font-size: 9pt;
}

</style>

</head>

<body >
<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>

<table width="90%" border="0" align="center" cellpadding="2" cellspacing="0" class="style_tab">
<tr>
<td colspan="3" class="style_td">第1頁</td>
</tr>
<tr>
<td width="29%" class="style_td"> </td>
<td width="28%" class="style_td"> </td>
<td width="43%" class="style_td"> </td>
</tr>
<tr>
<td colspan="3" class="style_td"> </td>
</tr>
<tr>
<td colspan="3" class="style_td"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" class="style_td"><p>這樣的報表</p>
<p>對一般的要求就夠了。</p></td>
<td> </td>
</tr>
</table></td>
</tr>
</table>
<hr align="center" width="90%" size="1" noshade class="NOPRINT" >
<!--分頁-->
<div class="PageNext"></div>
<table width="90%" border="0" align="center" cellpadding="2" cellspacing="0" class="style_tab">
<tr>
<td class="style_td">第2頁</td>
</tr>
<tr>
<td class="style_td">看到分頁了吧</td>
</tr>
<tr>
<td class="style_td"> </td>
</tr>
<tr>
<td class="style_td"> </td>
</tr>
<tr>
<td class="style_td"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" class="style_td"><p>這樣的報表</p>
<p>對一般的要求就夠了。</p></td>
<td> </td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
<!--

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>
-->



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。