Lodop 动态加载模板,动态加载数据
最近需要使用Lodop打印控件,所以就研究了一下,期间从网上找了诸多的东西,基本全是对HTML进行打印的,没有找到我想要的,就只好自己动手丰衣足食。
这篇文章主要讲述的是Lodop与数据的结合使用,官网和网上能找到的东西本文不在复述,只是记录在使用过程中自己遇到的问题和相应解决方法,本人笔拙,有不足之处希望大家多提意见;
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
开发环境:
Myeclipse 10.7 + Oracle11g Windows 10;
主要技术:
Spring MVC + Mybatis + JQuery;
参考文档:Lodop技术手册6.2.1.5;
Lodop相应程序及技术文档请到官网下载:http://www.lodop.net/index.html
对于Lodop有简单了解之后观看本文效果更佳;
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
再次声明:本文针对的是Lodop的模板打印,相关基础问题只提到部分,其余自行去官网或者其他渠道获得;
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
需要解决的问题:
一:新增模板并把Lodop生成的模板存到Oracle数据库;
1.1:自主添加模板名称;
1.2:关闭打印设计之后自动返回模板内容代码;
1.4:对返回的数据进行存储;
二::对已创建的模板进行修改(包括打印设计和打印设置),动态从Oracle数据库加载;
2.1:单独修改模板名称;
2.2:动态加载已有模板属性;
三:调用已创建模板,并将数据库查询到的数据进行动态加载;
3.1:参数值传递;
相关问题解决思路:
一:新增模板并保存到数据库:
1.1:新增模板并自定义模板名称
在进行模板新增之前先进行模板名称输入,使用LODOP.PRINT_INIT(modelName); modelName 为自定义变量值进行接收输入的模板名称,然后可以设置一些插件的基本属性
如:LODOP.SET_PRINT_MODE("PROGRAM_CONTENT_BYVAR",true);//生成程序时,内容参数有变量用变量,无变量用具体值
然后进行调用 Lodop 打印设计 LODOP.PRINT_DESIGN(); 方法,即可进行新增模板;
1.2:关闭打印设计之后自动返回模板
在Lodop 打印设计页面有相应生成程序代码按钮
当我们在打印设计页面有内容时点击这个会弹出一个包含这个模板所有内容代码的框
这里面包含:模板名称、内容具体项、内容项的位置、内容项的属性等内容,Lodop原本的做法是将模板保存在安装目录的一个以模板名称命名的.ini文件中,然后现在要做的就是
在打印设计关闭的时候将上面代码返回到后台,然后丢进数据库进行保存起来;
下面先说下数据库结构:printModelName VARCHAR2(20)--模板名称; printModelContent CLOB--模板内容 ; printModelContentField VARCHAR2(500)--模板需传值字段;
在进行数据库存储的时候,我是将内容代码的第一行LODOP.PRINT_INIT(modelName);与其他内容进行了分割,单独提取出了模板名称,这个是为了方便模板的维护,然后模板其他所有内容全
部存在printModelContent 字段中,然后又对内容进行提取,得出这个模板中所有需要进行打印的字段,以“,”分割存进printModelContentField 里面(为什么这么做后面会提到),
然后说下打印设计关闭获得上述代码的方法 (官网案例35):
if (LODOP.CVERSION) {
CLODOP.On_Return=function(TaskID,Value){
var code = Value;
console.log(Value);
LODOP.PRINT_DESIGN();
}
这个Value 就是我们需要的数据,传到后台之后使用.spit();进行两次分割,第一次分割是为了分割出模板名称,所以用的是.spit(";",2); 第二次分割是为了得到模板需要打印的字段名称,
所以用的是.split(";"); 那么至此我们就得出了上述三个我们需要的字段,然后将他们丢进数据库就行了;
二::对已创建的模板进行修改
2.1:维护模板名称
因为上面我们在数据库对模板名称是单独存储的,所以在需要更改模板名称时直接进行printModelName 字段进行Update 就OK了;
2.2:修改已创建模板
首先我们需要先将已经保存的模板加载出来,这里我是依据模板管理表的主键ID来进行调用的,从数据库查出该条记录之后,首先进行加载模板名称,然后将模板剩余内容动态进行拼接到名称
之后,方法如下
var aaa = JSON.parse(data);//----对查询出的数据进行JSON转换
LODOP.PRINT_INIT(aaa[0].printModelName); //----加载模板名称
var datas = aaa[0].printModelContent;//----剩余模板内容
//----对剩余模板内容进行动态拼接
var script = document.createElement('script');
script.type = 'text/javascript';
script.appendChild(document.createTextNode(datas));
document.body.appendChild(script);
然后调用 打印关闭获得程序代码方法,确保我们在进行修改之后修改的内容可以保存到数据库。至此就是对已有模板的修改;
三:调用已创建模板,打印测试
通过以上两步,完成了模板新增、存储、修改,下面就是要进行调用了。
首先,生成的程序代码是LODOP.ADD_PRINT_TEXTA("userName",213,389,100,20,"userName"); 这样的,经过测试发现LODOP.ADD_PRINT_TEXTA("userName",213,389,100,20,obj.userName);
这样的可以动态加载,但是这样肯定是不行的,然后从Lodop官网找到了LODOP.SET_PRINT_STYLEA(varItemNameID, strStyleName,varStyleValue);//----varItemNameID,需要替换的项目名称;
strStyleName,打印风格名称;varStyleValue,需要替换的项目值(与前面项目名称对应),就比如,此时我需要给userName进行赋值,就需要将LODOP.SET_PRINT_STYLEA的属性值写成如下格式:
LODOP.SET_PRINT_STYLEA(“userName”, “CONTENT”,obj.userName);//----注意双引号, obj为数据库查询出的值;那么我们怎么获取需要替换的项目名称呢,此时上面我在进行模板存储的时候分割出
的内容项打印字段就派上用场了,此时对printModelContentField 进行分割, 然后使用for循环进行遍历就可以动态的对模板进行赋值,相应语句为:
var str = aaa[0].printModelContentField.split(",");
for(var i=0;i<str.length;i++){
LODOP.SET_PRINT_STYLEA(str[i],"CONTENT",printObj[str[i]]);
}
此时,我们在进行调用LODOP.PREVIEW();//打印预览 方法,就可以看到我们取到的数据库的值;
以上,就是在下对于Lodop的一点个人的浅显的理解,如有不足之处请多多指教。
如果需要转载请注明出处。
Lodop 动态加载模板,动态加载数据的更多相关文章
- AppCan学习笔记----关闭页面listview动态加载数据
AppCan页面关闭 AppCan 的页面是由两个HTML组成,如果要完全关闭的话需要在主HTML eg.index.html中关闭,关闭方法:appcan.window.close(-1); 管道 ...
- echarts在.Net中使用实例(二) 使用ajax动态加载数据
通过上一篇文章可以知道和echarts参考手册可知,series字段就是用来存储我们显示的数据,所以我们只需要用ajax来获取series的值就可以. option 名称 描述 {color}back ...
- Android中ListView动态加载数据
1. 引言: 为了提高ListView的效率和应用程序的性能,在Android应用程序中不应该一次性加载ListView所要显示的全部信息,而是采取分批加载策略,随着用户的滑动,动态的从后台加载所需的 ...
- ios ableviewcell的动态加载数据,模仿喜马拉雅动态数据加载
iphone(UITableViewCell)动态加载图片http://developer.apple.com/library/ios/#samplecode/LazyTableImages/Intr ...
- android左右滑动加载分页以及动态加载数据
android UI 往右滑动,滑动到最后一页就自动加载数据并显示 如图: package cn.anycall.ju; import java.util.ArrayList; import java ...
- [JS前端开发] js/jquery控制页面动态加载数据 滑动滚动条自动加载事件
页面滚动动态加载数据,页面下拉自动加载内容 相信很多人都见过瀑布流图片布局,那些图片是动态加载出来的,效果很好,对服务器的压力相对来说也小了很多 有手机的相信都见过这样的效果:进入qq空间,向下拉动空 ...
- 微信小程序(五) 利用模板动态加载数据
利用模板动态加载数据,其实是对上一节静态数据替换成动态数据:
- mui 动态加载数据出现的问题处理 (silder轮播组件 indexedList索引列表 下拉刷新不能继续加载数据)
mui-slider 问题:动态给mui的图片轮播添加图片,轮播不滚动. 解决:最后把滚动轮播图片的mui(".mui-slider").slider({interval: 300 ...
- ASP.NET MVC动态加载数据
ASP.NET MVC动态加载数据,一般的做法是使用$.each方法来循环产生tabel: 你可以在html时先写下非动态的部分: Source Code 上图中,有一行代码: <tbody ...
随机推荐
- [日推荐] 『Streeter』极乐商店邀你一起来尬舞啊!-store.dreawer.com
你听的舞蹈有哪些?Jazz?Poppin?Hiphop?现代舞?民族舞?... 今天推荐一款小程序『Streeter』,几乎包含所有舞蹈视频,偷偷学好了,邀请你来尬舞啊 Streeter 这个Logo ...
- bam文件softclip , hardclip ,markduplicate的探究
测序产生的bam文件,有一些reads在cigar值里显示存在softclip,有一些存在hardclip,究竟softclip和hardclip是怎么判断出来的,还有是怎么标记duplicate ...
- Retrofit2.0源码解析
欢迎访问我的个人博客 ,原文链接:http://wensibo.net/2017/09/05/retrofit/ ,未经允许不得转载! 今天是九月的第四天了,学校也正式开学,趁着大学最后一年的这大好时 ...
- python 数据驱动(ddt)
DDT包含类的装饰器ddt和两个方法装饰器data(直接输入测试数据),file_data(可以从json或者yaml中获取测试数据) 实例代码: import ddt import unittest ...
- mock server 前后端分离小结(转)
1.前台开发受限于后台开发的速度 2.后台提供给前台的接口缺字段,时常需要联调 基于Mock Server开发的好处: 对于前端来讲,可以独立于后端进行开发. 对于后端来讲,根据前端定义的接口进行开发 ...
- JavaScript实现省市联动
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>& ...
- JavaScript在应用中的技巧(二)
==,===运算符和强制转换 先看个表达式: "1.0e0" == { valueOf: function() { return true; } }; 是的,这个结果可能有点出乎意 ...
- webmagic爬取渲染网站
最近突然得知之后的工作有很多数据采集的任务,有朋友推荐webmagic这个项目,就上手玩了下.发现这个爬虫项目还是挺好用,爬取静态网站几乎不用自己写什么代码(当然是小型爬虫了~~|). 好了,废话少说 ...
- js 你所不知道的一面
你真的知道JavaScript吗 JavaScript是一门奇怪的语言,要真正掌握并不容易.废话不多说,来一个快速测试,5道题目,看看你对JavaScript是否真正掌握.准备好了吗?开始咯
- ps中如何让图层在画布内水平居中
下图每个小logo图案距离它们的上参考线的距离均为10px,而我们如何让图层在画布内水平居中??? 如上图中三个图层的图案是用来给Html/Css中的background属性使用的,虽然可以通过鼠标拖 ...