Lodopfuncs.js（打印插件）使用小记-springboot

这两天研究这打印的js插件，html上图：

 

下载地址：http://www.lodop.net/download.html

下载好后，里面比较重要的就是这几个文件，因为他需要一些插件的支持，所以exe有必要的情况下最好放在你网页可以下载的地方，然后修改其js的引用路径，这样当客户没有安装exe的时候，可以直接在页面上下载exe来安装，下载后的html估计都是些打印样板，具体不深究，这里只说些用法。

1、项目使用的是sprintboot加上maven管理的，第一步是放置js和其exe文件。

分别新建两个文件夹在static文件夹下，一个叫js文件夹，把Lodopfuncs.js放入这个文件夹，一个叫lodop文件夹，把三个exe放入该文件夹，然后记得在application.properties下写上静态映射：

spring.mvc.static-path-pattern=/static/**

2.首页NewFile-print.html

controller中添加映射

@GetMapping("/indexprint")
    public String indexprint() {
        return "/modelhtml/NewFile-print";
    }

@GetMapping("/testPrint-native")
    public String testPrintNative() {
        return "/modelhtml/purchase-and-sale-contract";
    }

html内容:这里设置了一个保存按钮，因为如果你想要写在input框里的内容能打印的话，需要setAttribute赋值才行，直接写在页面是无法打印你新写的东西的

    
    
    
    
    

















<table border="1" width="360" height="220" style="border-collapse:collapse; border:solid 1px" bordercolor="#000000">
  <tr>
    <td width="100%" height="240">
  
      <font face="隶书" size="5" style="letter-spacing: 10px">郭德强</font>
      <p align="center"><font face="宋体" size="3">科学家</font></p>
      <p align="left"><font face="宋体" size="3">　地址：中国北京社会科学院附近东大街西胡同</font></p>
      <p align="left"><font face="宋体" size="3">　电话：010-88811888</font></p>
      <br></br>      　
    
    </td>
  </tr>
</table>
  

 
 

3、打印页面html：这里在2中可以看到，是在iframe中嵌入了一个html，下面便是那个html

测试




测试编号：





第一条、测试内容




1、测试名称：（全称）


2、测试地点：


3、测试期：从至止。




第二条、测试约定：


免职就是上级组织直接解除领导职务，如同炒鱿鱼；责令辞职就是任免机关认定其已不再适合担任现职，通过一定程序责令其辞去现任领导职务；引咎辞职则是主动辞去领导职务、自我追究过失责任的一种形式，但如果要求其引咎辞职却不答应的话，也一样可以责令其辞职。用形象一点的说法，三者分别类似强制下岗、通知下岗和劝其主动下岗。其中，前两者为被动接受组织处理，而引咎辞职则是督促其主动承担责任的行为。
免职就是上级组织直接解除领导职务，如同炒鱿鱼；责令辞职就是任免机关认定其已不再适合担任现职，通过一定程序责令其辞去现任领导职务；引咎辞职则是主动辞去领导职务、自我追究过失责任的一种形式，但如果要求其引咎辞职却不答应的话，也一样可以责令其辞职。用形象一点的说法，三者分别类似强制下岗、通知下岗和劝其主动下岗。其中，前两者为被动接受组织处理，而引咎辞职则是督促其主动承担责任的行为。




测试名称
测试规格型号
测试品牌














 
免职就是上级组织直接解除领导职务，如同炒鱿鱼；责令辞职就是任免机关认定其已不再适合担任现职，通过一定程序责令其辞去现任领导职务；引咎辞职则是主动辞去领导职务、自我追究过失责任的一种形式，但如果要求其引咎辞职却不答应的话，也一样可以责令其辞职。用形象一点的说法，三者分别类似强制下岗、通知下岗和劝其主动下岗。其中，前两者为被动接受组织处理，而引咎辞职则是督促其主动承担责任的行为。
免职就是上级组织直接解除领导职务，如同炒鱿鱼；责令辞职就是任免机关认定其已不再适合担任现职，通过一定程序责令其辞去现任领导职务；引咎辞职则是主动辞去领导职务、自我追究过失责任的一种形式，但如果要求其引咎辞职却不答应的话，也一样可以责令其辞职。用形象一点的说法，三者分别类似强制下岗、通知下岗和劝其主动下岗。其中，前两者为被动接受组织处理，而引咎辞职则是督促其主动承担责任的行为。

4、LodopFuncs.js:最后就是改这个的映射exe地址了，下面是改成了适配我项目路径的exe（偷懒只显示要改的地方，别的代码照常哦，不要乱删）,当点击打印按钮发现没有安装exe的时候，出现的链接就可以下载我放在项目上的exe来下载，不需要再自己去搜索下载。

function getLodop(oOBJECT,oEMBED){
    //var strHtmInstall="
打印控件未安装!点击这里执行安装,安装后请刷新页面或重新进入。";
    //var strHtmUpdate="
打印控件需要升级!点击这里执行升级,升级后请重新进入。";
	
    var strHtmInstall="
打印控件未安装!点击这里执行安装,安装后请刷新页面或重新进入。";
    var strHtmUpdate="
打印控件需要升级!点击这里执行升级,升级后请重新进入。";
    var strHtm64_Install="
打印控件未安装!点击这里执行安装,安装后请刷新页面或重新进入。";
    var strHtm64_Update="
打印控件需要升级!点击这里执行升级,升级后请重新进入。";
    var strHtmFireFox="

（注意：如曾安装过Lodop旧版附件npActiveXPLugin,请在【工具】->【附加组件】->【扩展】中先卸它）";
    var strHtmChrome="

(如果此前正常，仅因浏览器升级或重安装而出问题，需重新执行以上安装）";
    var strCLodopInstall="
CLodop云打印服务(localhost本地)未安装启动!点击这里执行安装,安装后请刷新页面。";
    var strCLodopUpdate="
CLodop云打印服务需升级!点击这里执行升级,升级后请刷新页面。";
    var LODOP;
}

5、最后来张打印效果图：