Web报表打印·简单实现

最新推荐文章于 2021-03-25 06:47:20 发布
最新推荐文章于 2021-03-25 06:47:20 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： HTML JS 网页设计学习与技巧 文章标签： 报表 web class webbrowser button input
近日看到论坛中有好多人提到，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=打印 οnclick=document.all.WebBrowser.ExecWB(6,1)>
<input type=button value=直接打印 οnclick=document.all.WebBrowser.ExecWB(6,6)>
<input type=button value=页面设置 οnclick=document.all.WebBrowser.ExecWB(8,1)>
</p>
<p> <input type=button value=打印预览 οnclick=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">&nbsp;</td>
<td width="28%" class="style_td">&nbsp;</td>
<td width="43%" class="style_td">&nbsp;</td>
</tr>
<tr>
<td colspan="3" class="style_td">&nbsp;</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>&nbsp;</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">&nbsp;</td>
</tr>
<tr>
<td class="style_td">&nbsp;</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>&nbsp;</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=打印 οnclick=document.all.WebBrowser.ExecWB(6,1)>
<input type=button value=直接打印 οnclick=document.all.WebBrowser.ExecWB(6,6)>
<input type=button value=页面设置 οnclick=document.all.WebBrowser.ExecWB(8,1)>
</p>
<p> <input type=button value=打印预览 οnclick=document.all.WebBrowser.ExecWB(7,1)>
<br/>
</p>
<hr align="center" width="90%" size="1" noshade>
</center>
-->

JOHNCOOLS
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
简单打印示例-50X30双列标签
11-07
简单打印示例-50X30双列标签 专为WEB打印而生 使用webSocket协议,脱离语言环境限制,主流浏览器即可支持! 精准打印 毫米精度,轻松实现POS小票,发票套打等. 多种语言 支持ASP, ASP.NET, PHP, JSP等开发语言. 超强兼容 ...
Java Web报表打印产品 - XMReport
mosmith的博客
08-29 1517
关于XMReport XMReport 1.1刚发布不久，先简单你介绍一下XMReport的特性吧： 国内首款基于HTML5的控件式报表，提供原生的在线模板编辑，维护功能。 功能全部自主研发，设计，几乎没有第三方依赖，体积小，操作流畅。 支持多种数据源，包括JDBC查询，JavaBean，JSON等，基于可以通过脚本动态创建你所需要的数据源，原生支持多数据集，大大方便了业务数据源的开发，方便集成...
web print.php,web-print 楚琳Web打印控件一辑般情况下可以利用报表 中提供的DesignReport函数进行 的在 WEB(ASP,PHP,...) 238万源代码下载- ww...
weixin_39597318的博客
03-25 250
文件名称: web-print下载 收藏√ [5 4 3 2 1]开发工具: ASP文件大小: 16586 KB上传时间: 2013-10-26下载次数: 1详细说明：楚琳Web打印控件一辑般情况下可以利用报表控件中提供的DesignReport函数进行报表的在线设计，设计好后再调用ShowReport函数或PrintReport函数进行打印。当然也可以使用本软件提供的独立的报表设...
Web打印的解决方案之普通报表打印
weixin_33769207的博客
01-15 103
做过很多的Web项目，大多数在打印页面内容的时候，采用的都是通过Javascript调用系统内置的打印方法进行打印，也就是调用PrintControl.ExecWB(?,?)实现直接打印和打印预览功能。打印的效果及控制性虽然不是很好，但是也能勉强使用，应付一般的打印还是可以的了。 代码如下所示： 代码 //调用PrintControl.ExecWB(?,?)实现直接打印和打印预览功能。...
web报表开发技术专题六：尴尬的Web打印
weixin_33861800的博客
07-23 129
      自从电脑被发明以来，将电脑中的内容打印出来是自然而然的需求。进入互联网时代后便更是如此。但要想完美地实现Web打印功能却并非易事，甚至于根本都不可能彻底地解决好这个问题。       记得很早以前田荣举（注：田荣举现任金蝶集团高级副总裁兼任首席技术官）和我私下聊过：“打印功能要占到整个系统开发量的两成”。打印功能是一个系统开发的重要组成部分。中国人历来好面子，往往要求有漂亮的打印，以...
Web打印插件 Lodop
04-02
Lodop是一款专业的WEB打印控件，其设计目标是简单易用、功能足够强大，开创WEB打印开发的新局面。 Lodop设计者对WEB下的打印开发任务进行了分类汇总，高度抽象，设计出仅用几个功能函数，就可实现复杂的打印任务，...
Peach-Printer Web 打印控件
最新发布
04-20
模版设计器操作简单方便，方便系统使用人团实现自主报表打印。 打印模版有两种布局打印模版、表格打印模版 布局打印模版：通过拖拉拽的方式布局打印元素，目前支持的打印元素有线条、文本、图片、条码、二维码、HTML...
简单打印示例-中通快递模板
11-06
简单打印示例-中通快递模板 专为WEB打印而生 使用webSocket协议,脱离语言环境限制,主流浏览器即可支持! 精准打印 毫米精度,轻松实现POS小票,发票套打等. 多种语言 支持ASP, ASP.NET, PHP, JSP等开发语言. 超强兼容 ...
Grid++Report 5 Web报表插件帮助(grweb)
12-27
Grid++Report 是一款高性能高效率的报表开发工具，既可开发桌面软件的报表与打印系统，也可开发WEB(B/S)软件的报表与打印系统。提供一个具有超强数据展现功能的数据网格(DataGrid)部件，制作各种表格报表非常简便；...
Web打印解决方案之普通报表打印功能
09-01
主要介绍了Web打印解决方案之普通报表打印功能的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
Java实现Web报表打印功能.
05-30
Java实现Web报表打印功能
WEB应用中报表打印的实现
07-08
随着世界范围内Internet环境的形成，全球正进入一个以网络为中心的计算时代。Web模型是在传统的C/S模 型的基础上发展起来的一种新的Browser/Server计算模式。Browser/Server模型简化了C/S中的客户端，客户端只需装上操作系 统、网络协议软件及浏览器；而服务器端则集中了所有的应用逻辑，开发、维护等几乎所有工作也都集中在服务器端。
基于BS结构的Web打印报表设计
02-08
.net方面的好看点
web报表开发WEB环境下打印报表的crystal的解决方案
11-27
这个应用被设计成演示怎样从ADO Recordset生成报表。我们首先建立ADO Connection和 ' Recordset对象，然后用SQL语句从数据库中生成一个记录集。然后我们建立一个Crystal ' Reports对象，并把这个这个对象指向ADO recordset。最后我们将Crystal Reports ' Smart Viewer送到客户端显示这个报表。
几种web打印方案的比较
qmei的专栏
09-11 2618
几种web打印方案的比较打印通常是系统的辅助部分，但是又必须解决，否则项目完成不了。下面来分析分析目前的几种常见的web打印方案。一、 浏览器的菜单打印功能 这是最简单的，只需点击页面上的打印菜单，但是也是问题最多的，基本上是不能满足用户需要。比如：不能精确分页，有出现打出半行字的风险；改变纸型后打印出的格式和页面显示的格式相差太大；页眉页脚也需要从菜单中去设置，等等等等。这种方案最大的优
利用word打印报表
10-28
把datagridview中的数据导到Word进行编辑，打印。
fastreport.net web打印
07-07
FastReport.Net是一款优秀的报表生成工具，它不仅可以在桌面应用程序中生成报表，还可以在web应用程序中进行报表打印。 FastReport.Net Web打印功能允许我们在web浏览器中直接打印报表，而无需将报表导出为PDF或...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值