lodop简单介绍

lodop的打印功能已经非常强大,也在带web端的图形界面,可以供用户使用。使用js在前台调用lodop打印,一般分为两种方法:

1:特殊的指令打印,这种打印方式,是采用的与js无关的一直特殊指令,说实在的,不适合我们使用。这个个人觉得只使用于你的web端图形界面使用了lodop自带的图形界面。

2:采用html+css,将整个html+css代码传给打印机,进行打印。很适合我们的使用与维护。

lodop官方网站已经提供了很多的在线样例,可以去看看:lodop官网地址

使用背景

公司产品想要一个有自己页面自己风格的web端打印图形界面。就像是富文本编译器那样,开发给用户,让用户自己去进行配置。成型的作品如下。

图中的字段可以任意拖动,放在背景页面的任何位置,也可以对其进行富文本的编辑。最后保存时,将lodop指令保存到后台,打印时调用出来。

在线样例

github地址:https://github.com/namedyouZai/lodop-print-html-demo

该案例使用了html打印。简单的教程里包括了打印、打印预览、打印机列表、指定打印机等接口。作为一个小demo 还是足够的。

另外在使用之前,别忘了在上面的官网地址里找到符合自己电脑的打印服务进行安装,这样可以直接看到我的在线样例,并执行打印功能。

为什么可以使用js调用电脑本地的打印机服务?

根据浏览器规则,js是不予许访问本地的,但是lodop实现了一个桥梁的作用,也就是现在的clodop。这个插件在本地起了一个服务,js将命令发送给clodop,然后通过clodop发送调用打印机。下载并运行clodop你可以看到本地任务栏里多出这个图片,也就能理解了。

正文开始

lodop的打印指令有以下两种模式:

1:html形式的打印

  这种打印可以将html页面作为字符串保存下来,给到打印机进行打印

2:特殊指令的打印

  这种利用譬如:LODOP.SET_PRINT_STYLEA等指令,传给打印机 进行打印

而我们的系统,因为考虑到是从老系统lodop的特殊指令转换过来的,所以不得以采用了第二种方法,也是磕磕绊绊实现了现在的结果,但是问题还是比较多的,毕竟涉及到软件调用硬件,并且这个硬件种类较多,还不会去兼容这个软件,只能软件去兼容硬件,所以维护的成本还是比较高的。

另外,我另外一个系统内,使用的是html打印方式,可以说是减少了很多麻烦事。UI图如下

这个打印是这样实现的:

  1. 前端技术上采用的是angualr
  2. 前台通过双向数据绑定,写好模板。
  3. 从后台获取到模板之后,添加到前台指定的标签之内。
  4. 重启模板部分angular的服务,使页面的双向数据绑定等功能再次生效
  5. 直接将该部分的html+css发送到打印机即可开始打印。
  6. 后台存储的内容就是一个html模板加上样式。

作为一位web端打印开发的老司机,如果你想开发出上图样式的web端打印,我还是强烈建议大家采用html形式的打印。作者本人是使用过指令打印做上图中的功能的,但是异常的痛苦不堪,具体怎么去实现也就不说了。采用html打印的方式有点如下:

  1. 这种方式只会关注页面是什么样的,最后只需要将想要打印的内容通过innerHtml就可以取出来,不用关注用户在过程中进行了什么操作。(当然这是任何一种打印都应该做到的事情)
  2. 代码简单,不用去拼接与解析那么多的指令代码,毕竟指令打印是很多的形如:LODOP.ADD_PRINT_TEXT(83,78,75,20,"寄件人姓名"); 这种代码拼接起来的。
  3. 需要做的兼容性会比较少,因为html打印的方式,会根据打印的纸张大小进行百分比的页面占有率进行放大缩小,但是指令打印的可能还需要依照打印指令里的数据去设置纸张的大小,这个其实是不现实的,不能让用户去适应我们,只能我们去适应用户。

额外需要掌握的知识

打印机的日常知识,比如如何设置打印纸张,是否正反方向打印纸张,打印纸张的位置偏差时需要对打印机或者纸张进行控制、共享打印机如何进行控制等等。虽然调用打印机服务很简单,但因为涉及到硬件系统还有用户的实际操作问题,日常需要解决的问题还是不少的。最好能本公司制定出一个操作规范还有常见的打印问题解决方案以供用户使用。

js前台调用lodop打印的更多相关文章

  1. 前台JS(Jquery)调用后台方法 无刷新级联菜单示例

    前台用AJAX直接调用后台方法,老有人发帖提问,没事做个示例 下面是做的一个前台用JQUERY,AJAX调用后台方法做的无刷新级联菜单 http://www.dtan.so CasMenu.aspx页 ...

  2. js前台与后台数据交互-后台调前台(后台调用、注册客户端脚本)

    转自:http://blog.csdn.net/wang379275614/article/details/17049721 客户端脚本一般都在前台,这里讲的是(1)在后台调用前台定义的脚本(2)在后 ...

  3. asp.net调用Lodop实现页面打印或局部打印,可进行打印设置或预览

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="WebPrint.aspx.cs ...

  4. LODOP打印用JS获取的当前日期

    该文详细一步步解释JS获取当前时间的方法,新手小白也看到懂,最后是实际的获取当前年月份的方法.JS中的Date()对象,包含很多当前系统时间的方法,首先建立一个Date()对象,这里取名为date,然 ...

  5. 使用jqPrint.js调用浏览器打印界面,打印网页中的某一部分该部分含有ECharts图表

    1.准备好js文件(我用的是谷歌浏览器) 这个文件是为了防止你的jQuery版本过高而不适配的问题 这是调用浏览器打印的js插件 2.引入js文件 <script src="js/jq ...

  6. 【JS新手教程】LODOP打印复选框选中的内容

    在html中,复选框是常见的使用之一,本文介绍如何获取选中的复选框的值,并用LODOP打印.给需要为一组的复选框,复选框的checkbox设置相同的name属性,设置不同的id,然后设置需要的valu ...

  7. 【JS新手教程】LODOP打印复选框选中的任务或页数

    之前的博文:[JS新手教程]LODOP打印复选框选中的内容关于任务:Lodop打印语句最基本结构介绍(什么是一个任务)关于本文用到的JS的eval方法:JS-JAVASCRIPT的eval()方法该文 ...

  8. js调用页面打印

    ----------------------调用页面打印-------------------------------- <body> <div id="divPrint& ...

  9. js调用浏览器打印

    <input type="button" id="print" onclick="printdiv('list');" value=& ...

随机推荐

  1. Lua学习笔记1,基本数据类型

    1.字符串的连接使用的是  .. ,如 print(123 .. 44) 输出 12344 print ('a' .. 'b') 输出 ab print(123 .. 44)这句的时候 .. 两边要空 ...

  2. day36 爬虫+http请求+高性能

    爬虫 参考博客:http://www.cnblogs.com/wupeiqi/articles/5354900.html http://www.cnblogs.com/wupeiqi/articles ...

  3. python 从url中提取域名和path

    使用Python 内置的模块 urlparse from urlparse import * url = 'https://docs.google.com/spreadsheet/ccc?key=bl ...

  4. 上下行分流下行负载方式和能ping通但不能打开

    1 下行线路负载方式选择  目的端口+协议  否则有可能出现微信443端口图片打不开的情况. 2.彭ping通但是打不开的情况下将上行线路mtu值改小 由1500改为1450

  5. 201621123006 《Java程序设计》第2周学习总结

    1. 本周学习总结 以几个关键词描述本周的学习内容.并将关键词之间的联系描述或绘制出来. 原则:少而精,自己写.即使不超过5行也可,但请一定不要简单的复制粘贴. java数据类型:java数据类型分为 ...

  6. zhx'code1

    void dandiao() { ,tail=; ;a<=k;a++) { ]) tail--; tail++; q[tail][]=z[a];q[tail][]=a; } ;a<=n;a ...

  7. vue.js 源代码学习笔记 ----- core scedule.js

    /* @flow */ import type Watcher from './watcher' import config from '../config' import { callHook } ...

  8. Ubuntu下执行mysql的sql文件

    Ubuntu下执行mysql的.sql文件   方法一: 1.执行此命令,会提示输入mysql的root账户的密码,验证成功后,会在dbname这个数据库中执行filename.sql这个脚本,其中f ...

  9. (转)JAVA正则表达式语法大全

    [正则表达式]文本框输入内容控制 整数或者小数:^[0-9]+\.{0,1}[0-9]{0,2}$ 只能输入数字:"^[0-9]*$". 只能输入n位的数字:"^\d{n ...

  10. 使用strdup 和 _strdup

    在重构旧的C代码里,使用了这个函数, pNew = new OBJECTDESC; sscanf(buf, "%x", &i); pNew->wObjectID = ...