根据相应的操作系统,安装install_lodop32.exe文件,它里面包含两个exe文件install_lodop32.exe和install_lodop64.exe,在页面的头部中引入:

  1. <!--打印插件-->
  2. <scripttype="text/javascript"src="<%=basePath%>js/LodopFuncs.js"></script>
  3. <objectid="LODOP_OB"classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA"width=0height=0>
  4. <embedid="LODOP_EM"type="application/x-print-lodop"width=0height=0></embed>
  5. </object>
  6. <!--打印end-->

当我们在执行操作的时候,它会根据相应的操作系统(32位or64位),选择相应的exe文件,下载安装,这个安装文件比较小,所以安装起来也比较方便。卸载它也很简单,只要复制这个exe文件,然后改名为:uninstall_lodop32.exe,点击运行即可,安装后我们就可以使用里面的JS函数了:

 
PRINT_INIT(strPrintTaskName)打印初始化
SET_PRINT_PAGESIZE(intOrient,intPageWidth,intPageHeight,strPageName)设定纸张大小
ADD_PRINT_HTM(intTop,intLeft,intWidth,intHeight,strHtml)增加超文本项
ADD_PRINT_TEXT(intTop,intLeft,intWidth,intHeight,strContent)增加纯文本项
ADD_PRINT_TABLE(intTop,intLeft,intWidth,intHeight,strHtml)增加表格项
ADD_PRINT_SHAPE(intShapeType,intTop,intLeft,intWidth,intHeight,intLineStyle,intLineWidth,intColor)画图形
SET_PRINT_STYLE(strStyleName, varStyleValue)设置对象风格
PREVIEW打印预览
PRINT直接打印
PRINT_SETUP打印维护
PRINT_DESIGN打印设计
最基本的打印过程至少有初始化语句、添内容语句和打印语句三部分组成,例如:
LODOP.PRINT_INIT("打印任务名");//首先一个初始化语句
LODOP.ADD_PRINT_TEXT(0,0,100,20,"文本内容一");//然后多个ADD语句及SET语句
LODOP.PRINT();//最后一个打印(或预览、维护、设计)语句

结合各种函数,输出用户需要的结果:这里我使用的是我的案例,项目中由于文件内容比较长,也比较宽,所以我需要横向打印,并且需要打印很多页,每页都要有固定标题和页脚,例如第1页/共3页,代码如下:

  1. varLODOP;//声明为全局变量
  2. functionpreview(){
  3. CreatePrintPage();
  4. //打印预览
  5. LODOP.PREVIEW();
  6. }
  7. functionsetup(){
  8. CreatePrintPage();
  9. //LODOP.PRINT_SETUP();
  10. LODOP.PRINT_DESIGN();//打印设置
  11. }
  12. functionprint(){
  13. CreatePrintPage();
  14. LODOP.PRINT();//打印
  15. }
  16. //初始化页面
  17. functionCreatePrintPage(){
  18. //得到LODOP对象,注意head标签里面需引入object和embed标签
  19. LODOP=getLodop(document.getElementById('LODOP_OB'),document.getElementById('LODOP_EM'));
  20. //封装我们的html元素
  21. varstrBodyStyle="<style>table,td{border:1solid#000000;border-collapse:collapse}</style>";
  1. //获得id为content标签里面的html元素
  2. varstrFormHtml=strBodyStyle+"<body>"+document.getElementById("content").innerHTML+"</body>";
  3. //打印初始化,页面距离顶部10px,距离左边10px,宽754px,高453px,给打印设置个标题
  4. LODOP.PRINT_INITA(10,10,754,453,"打印控件操作");
  5. //设置打印页面属性:2:表示横向打印,0:定义纸张宽度,为0表示无效设置,A4:设置纸张为A4
  6. LODOP.SET_PRINT_PAGESIZE(2,0,0,"A4");
  7. //设置文本,参数(距离页面头部,距离页面左边距离,文本宽度,文本高度,文本内容)
  8. LODOP.ADD_PRINT_TEXT(21,300,300,30,"${unitType}${flowval}检修记录n");
  9. //给所添加的文本定义样式,0:表示新添加的元素,相应的属性,相应的值
  10. LODOP.SET_PRINT_STYLEA(0,"FontSize",15);
  11. LODOP.SET_PRINT_STYLEA(0,"ItemType",1);//固定标题,设置卫页眉页脚
  12. LODOP.SET_PRINT_STYLEA(0,"Horient",2);
  13. LODOP.SET_PRINT_STYLEA(0,"Bold",1);
  14. //同上
  15. LODOP.ADD_PRINT_TEXT(40,60,350,30,"机车号:${datePlan.jcType}${datePlan.jcnum}修程:${datePlan.fixFreque}检修日期:${datePlan.kcsj}");
  16. LODOP.SET_PRINT_STYLEA(0,"ItemType",1);
  17. //添加html元素
  18. LODOP.ADD_PRINT_HTM(63,38,684,330,strFormHtml);
  19. LODOP.SET_PRINT_STYLEA(0,"FontSize",15);
  20. LODOP.SET_PRINT_STYLEA(0,"ItemType",4);
  21. LODOP.SET_PRINT_STYLEA(0,"Horient",3);
  22. LODOP.SET_PRINT_STYLEA(0,"Vorient",3);
  23. //添加一条线,参数(开始短点距离头部距离,开始端点距左边距离,结束端点距头部距离,结束端点距左边距离)
  24. LODOP.ADD_PRINT_LINE(53,23,52,725,0,1);
  25. LODOP.SET_PRINT_STYLEA(0,"ItemType",1);
  26. LODOP.SET_PRINT_STYLEA(0,"Horient",3);
  27. LODOP.ADD_PRINT_LINE(414,23,413,725,0,1);
  28. LODOP.SET_PRINT_STYLEA(0,"ItemType",1);
  29. LODOP.SET_PRINT_STYLEA(0,"Horient",3);
  30. LODOP.SET_PRINT_STYLEA(0,"Vorient",1);
  31. //LODOP.ADD_PRINT_TEXT(421,37,144,22,"左下脚的文本小标题");
  32. //LODOP.SET_PRINT_STYLEA(0,"Vorient",1);
  33. LODOP.ADD_PRINT_TEXT(421,542,165,22,"第#页/共&页");
  34. LODOP.SET_PRINT_STYLEA(0,"ItemType",2);
  35. LODOP.SET_PRINT_STYLEA(0,"Horient",1);
  36. LODOP.SET_PRINT_STYLEA(0,"Vorient",1);
  37. }

上面的函数都是自己通过学习它的API联合起来用的,我的注释可能会有些看不懂,希望大家能把API下载下来进行研究,其中它实现了很多功能哦!

1、画一个名片大小的矩形边框:
LODOP.ADD_PRINT_RECT(10,55,360,220,0,1);
边框离纸张顶端10px(px是绝对值长度,等于1/96英寸,下同)距左边55px、宽360px、高220px、
框为实线(0-实线 1-破折线 2-点线 3-点划线 4-双点划线)、线宽为1px
 
2、设置基本打印风格:
LODOP.SET_PRINT_STYLE("FontSize",11);
"FontSize"是系统关键字,表示设置字体大小,11是字体大小值,单位是pt。
 
3、在矩形框内打印姓名栏:
LODOP.ADD_PRINT_TEXT(20,180,100,25,"郭德强");
姓名栏离纸张顶端20px、距左边180px、宽100px、高25px、内容为“郭德强”
 
4、设置姓名栏的打印风格:
LODOP.SET_PRINT_STYLEA(2,"FontName","隶书");
LODOP.SET_PRINT_STYLEA(2,"FontSize",15);
2是姓名栏的增加顺序号,"FontName"和"FontSize"是系统关键字,表示设置字体名和字体大小。
"隶书"是字体名值,同操作系统的字体名,15是字体大小值,单位是pt。
序号设0表示最新对象,注意SET_PRINT_STYLEA与SET_PRINT_STYLE的区别。
 
5、下面打印其职务、地址、电话等(用基本风格):
LODOP.ADD_PRINT_TEXT(53,187,75,20,"科学家");
LODOP.ADD_PRINT_TEXT(100,131,272,20,"地址:中国北京社会科学院附近东大街西胡同");
LODOP.ADD_PRINT_TEXT(138,132,166,20,"电话:010-88811888");
 
6、在发送以上指令前,一般要初始化并设置打印任务名:
LODOP.PRINT_INIT("打印插件功能演示_代码功能_名片");
初始化并指定打印任务名是"打印插件功能演示_代码功能_名片"

利用Lodop实现将页面表格元素导出为excel:

 
  1. functionSaveAsFile(){
  2. //得到LODOP对象
  3. varLODOP=getLodop(document.getElementById('LODOP_OB'),document.getElementById('LODOP_EM'));
  4. LODOP.PRINT_INIT("");//初始化,因为不需要打印,所以不需要为其设置标题
  5. //增加打印表格,(距离头部距离、距离左边、宽度、高度),得到相应表格中的html元素
  6. LODOP.ADD_PRINT_TABLE(100,20,500,80,document.getElementById("content").innerHTML);
  7. //设置相应模式
  8. LODOP.SET_SAVE_MODE("Orientation",1);//Excel文件的页面设置:横向打印1-纵向,2-横向;
  9. LODOP.SET_SAVE_MODE("LINESTYLE",1);//导出后的Excel是否有边框
  10. LODOP.SET_SAVE_MODE("CAPTION","行安检修记录");//标题栏文本内容
  11. //LODOP.SET_SAVE_MODE("CENTERHEADER","行安检修记录");//页眉内容
  12. //LODOP.SET_SAVE_MODE("PaperSize",9);//Excel文件的页面设置:纸张大小9-对应A4
  13. //LODOP.SET_SAVE_MODE("Zoom",90);//Excel文件的页面设置:缩放比例
  14. //LODOP.SET_SAVE_MODE("CenterHorizontally",true);//Excel文件的页面设置:页面水平居中
  15. //LODOP.SET_SAVE_MODE("CenterVertically",true);//Excel文件的页面设置:页面垂直居中
  16. //LODOP.SET_SAVE_MODE("QUICK_SAVE",true);//快速生成(无表格样式,数据量较大时或许用到)
  17. //保存文件,以窗口弹出对话框的方式,让用户去选择文件保存的位置,参数为文件保存的默认名称
  18. LODOP.SAVE_TO_FILE("${datePlan.jcType}-${datePlan.jcnum}-${unitType}检修记录.xls");
  19. };

这里本人所列出来的两个demo只是本人在项目中所用的,对其综合应用了,其实它里面有很多方法可以供我们去操作,实现各种各样的功能,我们只需要设置其中的参数,给打印页面各个元素定好位置,距离头部距离、距离左边距离、垂直或者水平摆放、居左还是居中对齐等等,我们都可以在里面进行相应的设置,自己把各个元素定位好,我相信它肯定能实现我们打印时所想要的效果!!

俗话说,说一百遍看一万遍,不如自己来写一遍,大家尝试着去研究一下吧!!

https://blog.csdn.net/u014236541/article/details/50536616

lodop使用的更多相关文章

  1. asp.net Lodop实现批量打印

    1.列表(前台) <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="w_stu ...

  2. asp.net lodop单个打印

    1.首先在列表页面增加以下代码 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind=&quo ...

  3. 功能强大的web打印控件lodop的使用

    打印是很多web系统都需要的功能,最近找到一款功能强大,使用简单,价格便宜的web打印工具Lodop,免费也能用,不过有水印,也不贵商业开发建议购买. 废话不多说,拿来就用,从简单的打印开始. 1.下 ...

  4. WEB打印控件Lodop

    主页 http://www.lodop.net/

  5. Web打印--Lodop API

    Lodop是一款专业的WEB打印控件,其设计目标是简单易用.功能足够强大,开创WEB打印开发的新局面. Lodop设计者对WEB下的打印开发任务进行了分类汇总,高度抽象,设计出仅用几个功能函数,就可实 ...

  6. [原创]Lodop打印, 以及Lodop引用css文件控制打印样式的问题.

    最近在做Lodop打印功能: 思路是:  用MasterPage搭个打印页面的框架, 然后在具体的页面中填入数据, 打印的样式由母版页和CSS来控制. 困扰了一天的问题是:  在打印的JS文件中, 引 ...

  7. 定做属于自己的Lodop安装程序

    WEB控件Lodop自发布以来,受到广大开发人员的喜爱,从如下博文分析看看: http://blog.sina.com.cn/s/blog_721e77e501011nyb.html 无论是好评率还是 ...

  8. chrome升级后LODOP打印插件无法使用

    今天帮朋友使用LODOP实现一个套打程序时,发现LODOP打印插件在chrome下始终无法使用.分析后发现是自己才升级了chrome,chrome新版默认是禁用npapi的,因此需要手动启用一下,启用 ...

  9. lodop打印控件一点记录

    今天初步接触了下打印控件 LODOP实现了自动分页,高度宽度都可以自己设定来分页. 页码,使用LODOP.SET_PRINT_STYLE("ItemType", 2); LODOP ...

  10. web 前端常用组件【04】Datetimepicker 和 Lodop

    web项目中日期选择器和打印这两个功能是非常常见,将使用过的日期和打印控件,在这里总结归纳,为方便后面使用. 1.Datetimepicker a.官方API:http://www.bootcss.c ...

随机推荐

  1. UICollectionView框架总结

    一.UIcollectionView介绍 1.1.简介 首先看苹果官方文档 UICollectionView Class Reference 的介绍: The UICollectionView cla ...

  2. js中关于new Object时传参的一些细节分析

    1, 参数是一个对象,核心js对象(native ECMAScript object)或宿主对象(host object),那么将直接返回该对象. 其生成的对象构造器仍然是所传参数对象的构造器.这样造 ...

  3. 爬虫解析库BeautifulSoup的一些笔记

    BeautifulSoup类使用   基本元素 说明 Tag 标签,最基本的信息组织单元,分别是<>和</>标明开头和结尾 Name 标签的名字,<p></p ...

  4. 最快的 Python Web 框架入门

    速度比较 框架 实现基础 每秒请求数 平均时间 Sanic Python 3.5 + uvloop 30,601 3.23ms Wheezy gunicorn + meinheld 20,244 4. ...

  5. Linux内核源码特殊用法

    崇拜并且转载的: http://ilinuxkernel.com/files/5/Linux_Kernel_Source_Code.htm Linux内核源码特殊用法 1 前言 Linux内核源码主要 ...

  6. CentOS / RHEL 7 : Chrony V/s NTP (Differences Between ntpd and chronyd)

    CentOS / RHEL 7 : Chrony V/s NTP (Differences Between ntpd and chronyd) Chosing between Chrony and N ...

  7. STL源码分析之迭代器

    前言 迭代器是将算法和容器两个独立的泛型进行调和的一个接口. 使我们不需要关系中间的转化是怎么样的就都能直接使用迭代器进行数据访问. 而迭代器最重要的就是对operator *和operator-&g ...

  8. JAVA学习总结-基础语法

    /** * 这篇文章供自己学习JAVA总结回顾使用 * 主要借鉴了马士兵老师的视频进行总结 * @author Kingram */ 标识符的概念和命名规则 JAVA常量---不可变的变量 程序的执行 ...

  9. PHP学习方向-进阶2(三)

    实践篇 给定二维数组,根据某个字段排序 如何判断上传文件类型,如:仅允许 jpg 上传 不使用临时变量交换两个变量的值 $a=1; $b=2; => $a=2; $b=1; strtoupper ...

  10. Git 基础教程 之 多人协作

           多人协作时,从远程克隆时,默认情况下,只能看到master分支 git checkout -b dev origin/dev 创建远程origin的dev分支到本地 git branch ...