专业网站建设品牌,十四年专业建站经验,服务6000+客户--广州京杭网络
免费热线:400-683-0016      微信咨询  |  联系我们

web网站怎样实现打印功能_CSS学习

当前位置:网站建设 > 技术支持
资料来源:网络整理       时间:2023/3/4 5:11:39       共计:3595 浏览

web网站怎样实现打印功能?

Web系统中,打印功能一直是个老大难问题,因此产生了很多第三方的控件,多数要收费,而且跟自己的系统结合有一定的麻烦。

系统采用J2EE技术,jsp打印问题同样存在于OA中。打印方式有三种:

一是不经过任何修改,直接调用javascript中的window.print()打印。

二根据客户要求的报表格式,编写相应格式的html,装载数据打印,同样调用window.print()打印,只是对html的格式要求比较高。

三是通过客户提供的word格式,通过xml配置文件与数据库的数据进行关联,自动装载数据到word中打印,这里是利用客户端的word进行打印。

第一种几乎不用编写程序,最简单快捷,这里会遇到几个问题,只能打印表单内容,按钮不希望打印出来;页眉页脚不想打印出来;IE的titile不想打印出来。

解决办法:把button放在一个table或者div里,打印的时候隐藏,完成后显示就可以。系统中的javascript打印代码如下:

function Print() { var tit = document.title; document.title = ""; table1.style.display = "none"; window.print(); document.title = tit; table1.style.display = "";}不过只能起到打印的目的,打印的效果一般比较土。

不管怎么说,可以最快的让系统的大部分模块都有打印的功能。

第二种方式必须根据每个报表的格式进行定制html和java程序开发,会花比较多的时间。要注意的是对html中table的样式控制,在IE中浏览看起来很细的边框,打印出来有些线条会比较粗,有些线条又会比较细,阴阳怪气的很难看。

在table中直接用bordercolor会让线条显得很粗,用bordercolorlight,bordercolordark配合使用可以显示出秀气的线条。<html> <head></head> <body> <table border="1" bordercolorlight="red" bordercolordark="#FFFFFF" cellpadding="3" cellspacing="0"> <tbody> <tr> <td>姓名</td> <td>所属部门</td> </tr> <tr> <td>陈</td> <td>技术部</td> </tr> </tbody> </table> </body></html>比如以上代码,在IE中看起来线条一样大小,还是比较秀气。

不要高兴的太早,打印出来的效果不象在IE中看到的那样,边框虽细,内线却很粗!原因是每个td都有边框,td与td的交接处就会有线条重叠,虽然IE看起来没有,可是打印的时候就会显示出来。

这个问题的解决办法是控制每一个td的样式,对重叠的地方进行border-bottom:1px之类的控制。

这个方案比较消耗精力,而且打印的时候很难控制分页,更不能随时按照客户的需要调整字体边框颜色等。

第三种方案:从服务器端生成word、excel等文档,发送到浏览器进行打印实现过程:先将需要打印的数据导入到word或者excel中,再利用word或者excel的打印功能来实现web打印。 下面以excel为例实现如何打印的过程 将网页中数据导入excel中的方法有很多,这里先介绍一种,利用ActiveX控件的方式,即 Excel.Application, 这个控件是MS为excel提供的编程接口,在很多种编程语言种都可以通过该接口来操纵excel表格。 下面用javascript脚本来实现一个简单的例子。<script language = "javascript">function ExcelPrint() { var excelApp; //存放Excel对象 var excelBook; //存放Excel工件簿文件 var excelSheet; //存放Excel活动工作表 try { excelApp = new ActiveXObject("Excel. Application"); //创建Excel对象} catch(e) { alert("请启用ActiveX控件设置!"); return; } excelBook = excelApp.Workbooks.Add(); //创建Excel工作簿文件 excelSheet = excelBook.ActiveSheet; //激活Excel工作表 var rowLen = printTable.rows.length; //table对象的行数 for (var i = 0; i < rowLen; i++) { var colLen = printTable.rows(i).cells.length; //table对象的列数 for (var j = 0; j < colLen; j++) //为Excel表的单元格赋值 excelSheet.Cells(i + 1, j + 1).value = printTable.rows(i).cells(j).innerText; } //将表格中的每个单元格的innerText导入到excel的单元格中 excelApp.Visible = true; //设置Excel对象可见 excelSheet.PrintOut(); //打印工作表 excelBook.Close(true); //关闭文档 excelApp.Quit(); //结束excel对象 excelApp = null; //释放excel对象 }}</script> 注意: 运行该程序的前提是 IE要允许对没有标记为安全的Activex控件进行初始化和脚本运行。设置方法如下: 打开控制面板→Internet选项→安全性→自定义级别→对没有标记为安全的ActiveX控件进行初始化和脚本运行→选中启用,这样我们的程序就可以运行了。如果没有启用该ActiveX控件设置,那么程序在执行创建Excel对象时会抛出一个异常,这时可以通过catch()语句来捕获这个异常,并且做出相应的处理。 运行该程序必须客户端安装了MS EXCEL,否则Activex驱动不了。

版权说明:
本网站凡注明“广州京杭 原创”的皆为本站原创文章,如需转载请注明出处!
本网转载皆注明出处,遵循行业规范,如发现作品内容版权或其它问题的,请与我们联系处理!
欢迎扫描右侧微信二维码与我们联系。
·上一条:PDF文件的数字文字都变成了黑色小圆点_CSS学习 | ·下一条:网页只能以html的形式保存下来吗_CSS学习

Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有    粤ICP备16019765号 

广州京杭网络科技有限公司 版权所有