打印方案之web打印

前言:

前一段时间在工作中,遇到需要通过打印实现对报表或者工作流清单等事情时,都需要运用到打印功能,那么 ,这个时候你会怎么处理?

在这里,我们可以通过最简单的方式实现web打印功能,简单易懂,方便快捷

1.在处理工作流项目中,需求中;   2.使用JQprint做为web打印插件

3.兼容:FireFox,Chrome,IE;       4.没有依赖也没有配置,使用简单

申请表为例:

实现方法:

    <script src="js/jquery.min.js"></script>
    <script src="js/jquery-migrate-1.2.1.min.js"></script>
    <script src="js/jquery.jqprint-0.3.js"></script>

进行打印:

只需要打印指定的DIV内容:

    <script type="text/javascript">
        $(function () {
            $("#print").click(function () {
                $("#container").jqprint();  //指定的内容打印
            });
        })

    </script>

属性相关:

        $("#container").jqprint({
             debug: false, //如果是true则可以显示iframe查看效果(iframe默认高和宽都很小,可以再源码中调大),默认是false
             importCSS: true, //true表示引进原来的页面的css,默认是true。(如果是true,先会找$("link[media=print]"),若没有会去找$("link")中的css文件)
             printContainer: true, //表示如果原来选择的对象必须被纳入打印(注意:设置为false可能会打破你的CSS规则)。
             operaSupport: true//表示如果插件也必须支持歌opera浏览器,在这种情况下,它提供了建立一个临时的打印选项卡。默认是true
        });

打印效果:

使用的方法很简单,jqprint源码也极其简洁易懂

附加:

jquery print去掉页眉页脚

<style media="print">

    @page {
        size: auto; /* auto is the initial value */
        margin: 0mm; /* this affects the margin in the printer settings */
    }
</style>

很多朋友遇到 Cannot read property ‘opera‘ of undefined错误问题是juqery版本兼容问题

解决方法:加入迁移辅助插件jquery-migrate-1.0.0.js可解决版本问题

项目源码:web打印

原文地址:https://www.cnblogs.com/i3yuan/p/11614093.html

时间: 2024-11-05 01:02:00

打印方案之web打印的相关文章

web打印的几种实现方法(转载)

web打印的几种实现方法(转载) web打印,web打印控件的三种实现方法 做管理系统的时候,打印一直是个棘手的问题,做B/S的系统这个问题就更加突出了!下面举出三种常用的web打印处理方式 1.利用word或者excel来实现web打印(如果不修改ie设置,可以在web服务器端生成xls文件,然后通过xlBook = xls.Workbooks.Open(remotePath) 获取对象打印)   实现过程:先将需要打印的数据导入到word或者excel中,再利用word或者excel的打印功

WEB打印的几种方案

WEB打印的几种方案 博客分类: 数据报表技术 WebIE编程CSS浏览器 -------------------------------------------一  基于Web的打印方案比较分析-------------------------------- 基于web的套打,难度在于要将浏览器中呈现的html,精确地打印到票据中,而且能够实现对分页位置的控制.下面就ie浏览器所能采用的套打解决方案,来个汇总分析,希望对大家有所帮助. 一.浏览器的打印功能菜单 这种方案的优势是不需要对浏览器作

web打印的最佳解决方案

web打印的痛点 winform打印的方案比较多,实现也比较容易,而且效果也非常炫:但现在越来越多的系统是web系统,甚至是移动端.网上也有非常的web打印方案,但各式各样的问题非常多,比如js兼容性,稳定性等一直缠绕着众多的程序员,或者就是web 打印需要浏览器安装 ActiveX 组件,ActiveX安装不容易成功等等问题.Lodop等插件还是收费的. 新的解决方案 HttpPrinter 对各种方案分析之后,对web在重业务场景的打印需求(比如直接打印,无预览直接打印,特定格式打印)梳理之

基于MVC+EasyUI的Web开发框架经验总结(16)--使用云打印控件C-Lodop打印页面或套打报关运单信息

在最新的MVC+EasyUI的Web开发框架里面,我整合了关于网购运单处理的一个模块,其中整合了客户导单.运单合并.到货扫描.扣仓.出仓.查询等各个模块的操作,里面涉及到一些运单套打的操作,不过由于之前介绍LODOP不兼容Chrome等浏览器,因此曾经想放弃这个控件的打印处理,不过他们及时推出了"云打印控件C-Lodop",而且对之前的接口几乎完全兼容,因此在框架里也继续沿用了这个控件来进行相关的打印处理,包括常规的打印和运单信息套打等处理. 1.控件的安装 这个云控件C-Lodop(

Web打印组件jatoolsPrinter(转载)

应用web化,不论对开发商,还是对用户来说,实在是一种很经济的选择,因为基于web的应用,客户端的规则很简单,容易学习,容易维护,容易发布.但对程序员来说,因为浏览器的局限性,却要面对很多挑战.怎么样来进行基于web的套打,就是这么一个令多数程序员头痛不已的问题. 基于web的套打,难度在于要将浏览器中呈现的html,精确地打印到票据中,而且能够实现对分页位置的控制.下面就ie浏览器所能采用的套打解决方案,来个汇总分析,希望对大家有所帮助. jatoolsPrinter 是一款实现网页套打的免费

Lucidpress | Free Design Tool(Web打印)

插件介绍: 在工作中常常会用到打印,如果是简单的Word上的数据还简单,Web打印的确是个很麻烦的问题,有了Lucidpress | Free Design Tool(Web打印)就可以解决你的烦恼,现在,任何人都可以创建令人惊叹的视觉内容的打印,移动或网络.宣传册的制作.时事通讯.杂志.报告.或更多. 打印:下载你的内容作为一个高品质的PDF或JPG的完美打印. 数字:出版你的作品作为一个PNG或圆滑的数字文档.所有的一切都是为了在电脑.平板电脑或智能手机上进行优化. 使用说明: 将Lucid

web打印功能

1.http://www.jb51.net/article/38083.htm 2. <html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <title></title>    </head><body>    <form id="form1" runat="server&quo

WEB打印功能相关

最近项目要实现WEB打印功能,各种调试. 首先要实现WEB打印,这块用的window下的print方法,下面的代码实现了WEB打印和去页眉页脚的功能,打印分页需要在想要分页的元素上设置style="page-break-after:always",我这里是在table元素上加的分页,其他元素没测 1 //打印代码 2 function Print() 3 { 4 var printStr = "<html> 5 <head> 6 <meta ht

web 打印那些事

++++原生的windows.print++++ 一开始我是使用基于jQuery的jqprint类库进行打印的,由于后来需求的变更,这款插件已经不能够满足了,与其类似的还有printArea,printPage等,值得一说的是他们使用的都是原生的windows.print,只是通过jquery等进行封装了.其类库大家网上随意搜,大把大把的-- 那么基于此种原生的web打印怎么去除页眉页脚呢?那么大家也知道基于此种方式打印达成这种要求是比较难的,或者说基于代码的去除是没有解决方案的(至少我现在是这