【推荐】超级好用的打印插件Lodop使用笔记 动态赋值 打印模板解决方案

最新推荐文章于 2024-04-25 14:12:10 发布
最新推荐文章于 2024-04-25 14:12:10 发布
阅读量4.8k 收藏 19
点赞数 3
分类专栏： 实用前端插件学习 Asp.Net学习 文章标签： lodop 打印插件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yu18352566889/article/details/106444521
版权

本篇适用于复杂的动态模板打印，即不同业务+对应的数据源（单据设计）才能实现，如果是单个页面的打印，建议使用在页面使用ADD_PRINT_HTM(intTop,intLeft,intWidth,intHeight,strHtml)来实现功能 这个超级简单，strHtml就是用Js获取的打印内容的Html

=====================================================================

公司的任务：用一个打印插件将所有的业务的单据做成打印模板

最终确定使用Lodop  功能的确强大

Lodop和以往的Js插件不一样，如果项目着急上线会get不到他的强大，废话不多说，上干货

首先，我还是建议大家看看官网的在线样例http://www.lodop.net/

文章最后贴了部分代码 新手估计看不动  个人只是笔记记录 有需要可以联系我

【经验所得】

1模板中参数怎么赋值 1.在前端输出模板内容后，用lodop语法重新赋值 2在后端将模板中参数进行替换，在前端直接输出

一开始纠结怎么把模板中的参数进行替换，是在前端进行用代码重新赋值，还是在后端把模板中参数进行替换，最终经过考量使用后端方案，也是我比较建议的，特别适合复杂情况的单据

2模板内容在前端是当作js执行的，而我们一般要读取数据库再放到页面 需要使用js函数 eval()

eval('模板内容');

3表格打印的适合 如果内容过多 如果设置不正确 不会全部打印

 

模板效果

配置界面设计

文本框动态参数配置

表格动态参数配置

 

预览效果

部分代码实例

LODOP = getLodop();

var text = $("#<%=txt_TemplateText.ClientID%>").val();
eval(text);

      if (LODOP.CVERSION) CLODOP.On_Return = function (TaskID, Value) { document.getElementById('<%=txt_TemplateText.ClientID%>').value = Value; };
            document.getElementById('<%=txt_TemplateText.ClientID%>').value = LODOP.PRINT_DESIGN();//关闭插件编辑框后 代码自动到输入框或者自己想要绑定的地方


 

StringBuilder sb = new StringBuilder();
var model = sysPrintTemplateBLL.GetModel(Id);

                if (model == null)
                {
                    var resultObjError = new
                    {
                        code = -1,
                        content = "未找到打印模板"
                    };

                                          context.Response.Write(JsonConvert.SerializeObject(resultObjError));
                    context.Response.End();
                }

                Regex strRegex = new Regex("LODOP.*\\([\\s\\S]*?\\)");
                var strRegexValue = strRegex.Matches(model.TemplateText);

                var itemslist = sysPrintTemplateItemsBLL.GetList(string.Format("IsLock=1 and SysPrintTemplateId='{0}'", Id));
                List<DataTable> datasource = new List<DataTable>();

                if (itemslist != null && itemslist.Count > 0)
                {
                    foreach (var item in itemslist)
                    {
                        if (string.IsNullOrEmpty(item.BillEntityId)) continue;

                        //根据单据实体 向单据设计接口获取数据
                        string sqlFilter = string.Empty;

                        if (item.ChkUseStrWhere == 1)
                        {
                            sqlFilter = item.StrWhere;

                            if (sqlFilter.Contains("{Id}"))
                            {
                                sqlFilter = sqlFilter.Replace("{Id}", sqlId);
                            }

                            if (sqlFilter.Contains("{ParentId}"))
                            {
                                sqlFilter = sqlFilter.Replace("{ParentId}", sqlId);
                            }
                        }
                        else
                        {
                            sqlFilter = sqlWhere;
                        }

                        var data = BaseData.GetEntityDataSource(item.BillEntityId, sqlFilter, item.OrderByFields);
                        datasource.Add(data);
                    }
                }
                else
                {
                    context.Response.Write(JsonConvert.SerializeObject(new { code = -1, content = "未匹配到数据源设置" }));
                    context.Response.End();
                }


                Regex regex = new Regex("\"(.+)\"");//正则 获取双引号中内容
                Regex tblRegex = new Regex(@"<table.*?>[\s\S]*?</table>");
                Regex tdRegex = new Regex(@"<td.*?>[\s\S]*?</td>");
                Regex tdContentRegex = new Regex(@">\S\w*?<");

                //Lodop 可以直接在LODOP.ADD_PRINT_TEXTA()将值代入，也可以用LODOP.SET_PRINT_STYLEA重新赋值
                //由于我们是动态生成的模板，我们直接遍历 根据配置参数赋值
                sb.AppendFormat(string.Format("LODOP.PRINT_INIT(\"{0}\");", model.Name));
                sb.Append("LODOP.SET_PRINT_MODE(\"PROGRAM_CONTENT_BYVAR\",true);");

                if (strRegexValue != null && strRegexValue.Count > 0)
                {
                    for (int k = 0; k < strRegexValue.Count; k++)
                    {
                        var str = strRegexValue[k].Value;
                        if (string.IsNullOrEmpty(str)) continue;

                        if (str.Contains("LODOP.ADD_PRINT_TEXTA"))
                        {
                            #region 处理控件

                            //理论上只能匹配到2个值 LODOP.ADD_PRINT_TEXTA("Obj.Code",12,77,100,20,"001");
                            var matchContent = regex.Match(str);//获取到的是"Obj.Code",12,77,100,20,"001"

                            if (matchContent == null)
                            {
                                sb.AppendFormat(string.Format("{0};", str));
                                continue;
                            }

                            var arrayData = matchContent.Value.Split(',');
                            var strStart = arrayData[0].Replace("\"", "");
                            var strReplace = arrayData.LastOrDefault().Replace("\"", "");
                            //注： name[0]标准值应该是 数据标识_字段名称
                            var nameArray = strStart.Split('_');

                            if (nameArray.Length != 2)
                            {
                                sb.AppendFormat(string.Format("{0};", str));
                                continue;
                            }

                            //根据values[0]找到数据源
                            var i = 0;
                            object newValue = null;
                            bool IsMatch = false;//是否匹配到数据 如果没有则返回原文

                            foreach (var item in itemslist)
                            {
                                if (nameArray[0].Equals(item.DataSourceFlag))
                                {
                                    //已匹配大数据源
                                    var dt = datasource[i];
                                    if (dt == null || dt.Rows.Count < 1) break;

                                    //根据反射找到数据值
                                    var objectName = nameArray[1];
                                    var dr = dt.Rows[0];

                                    try
                                    {
                                        if (dr[objectName] != null)
                                        {
                                            if (objectName.Contains("Date"))
                                            {
                                                newValue = Convert.ToDateTime(dr[objectName]).ToString("yyyy-MM-dd");
                                            }
                                            else if (objectName.Contains("Amount") || objectName.Contains("Money"))
                                            {
                                                newValue = Convert.ToDecimal(dr[objectName]).ToString("0.####");
                                            }
                                            else
                                            {
                                                newValue = dr[objectName];
                                            }

                                            IsMatch = true;
                                        }
                                    }
                                    catch
                                    {

                                    }

                                    break;
                                }
                                i++;
                            }

                            if (IsMatch)
                            {
                                //替换值
                                var newStr = str.Replace(strReplace, newValue.ToString());
                                sb.AppendFormat(string.Format("{0};", newStr));
                            }
                            else
                            {
                                sb.AppendFormat(string.Format("{0};", str));
                            }

                            #endregion

                        }
                        else if (str.Contains("LODOP.ADD_PRINT_TABLE"))
                        {
                            #region 处理表格
                            //理论上只能匹配到1个值 LODOP.ADD_PRINT_TABLE(26, 21, 726, 100, "表格内容");
                            var matchContent = regex.Match(str);
                            var tableHtml = matchContent.Value;
                            tableHtml = tableHtml.Replace("\r\n", "");

                            var tableText = tblRegex.Match(tableHtml);

                            if (tableText == null) { sb.AppendFormat(string.Format("{0};", str)); continue; }
                            string newTblText = new Regex(@"<table.*?>").Match(tableText.Value).Value + "{0}</table>";

                            //模板绑定数据在Table 第2Tr中,遍历第2个Tr 匹配数据 生成多个Tr,重新凭借数据
                            Regex trRegex = new Regex(@"<tr.*?>[\s\S]*?</tr>");
                            var trArray = trRegex.Matches(tableText.Value);

                            if (trArray == null || trArray.Count < 2) { sb.AppendFormat(string.Format("{0};", str)); continue; }

                            //无论是否匹配到Td数据 此处做拼接字符串数据
                            StringBuilder newStrTr = new StringBuilder();
                            newStrTr.Append(trArray[0].Value);

                            //处理第二个Tr
                            var tdArray = tdRegex.Matches(trArray[1].Value);
                            if (tdArray == null) { sb.AppendFormat(string.Format("{0};", str)); }

                            //根据第一个td锁定绑定的数据源
                            int index = 0;
                            var firstTd = tdContentRegex.Match(tdArray[0].Value);
                            string firstTdValue = firstTd.Value.Replace(">", "").Replace("<", "");
                            var firstSourceValue = firstTdValue.Split('_');

                            if (firstSourceValue != null || firstSourceValue.Length == 2)
                            {
                                var sourceName = firstSourceValue[0];

                                foreach (var item in itemslist)
                                {
                                    //根据nameArray[0]匹配数据源 
                                    if (sourceName.Equals(item.DataSourceFlag))
                                    {
                                        //已匹配大数据源 此处数据源应该是明细
                                        int rowNo = 1;
                                        var dt = datasource[index];
                                        if (dt == null || dt.Rows.Count < 1) break;

                                        //遍历data 遍历第二个Tr下所有Td
                                        foreach (DataRow dr in dt.Rows)
                                        {
                                            newStrTr.Append("<tr>");

                                            for (int i = 0; i < tdArray.Count; i++)
                                            {
                                                var tdContent = tdContentRegex.Match(tdArray[i].Value);
                                                string tdText = tdContent.Value.Replace(">", "").Replace("<", "");
                                                var nameArray = tdText.Split('_');
                                                string newValue = string.Empty;
                                                var objectName = nameArray[1];

                                                try
                                                {
                                                    if (objectName == "RowNumber")
                                                    {
                                                        newValue = rowNo.ToString();
                                                    }
                                                    else if (objectName.Contains("Date"))
                                                    {
                                                        newValue = Convert.ToDateTime(dr[objectName]).ToString("yyyy-MM-dd");
                                                    }
                                                    else if (objectName.Contains("Amount") || objectName.Contains("Money") || objectName.Contains("Volumes"))
                                                    {
                                                        newValue = Convert.ToDecimal(dr[objectName]).ToString("0.####");
                                                    }
                                                    else
                                                    {
                                                        newValue = dr[objectName].ToString();
                                                    }
                                                }
                                                catch (Exception ex)
                                                {
                                                    newValue = "数据匹配异常";
                                                }

                                                var newStrTd = tdArray[i].Value.Replace(tdText, newValue);
                                                newStrTr.Append(newStrTd);
                                            }

                                            newStrTr.Append("</tr>");
                                            rowNo++;
                                        }
                                        break;
                                    }
                                    index++;
                                }

                            }

                            newTblText = string.Format(newTblText, newStrTr.ToString());

                            //替换值
                            var newStr = str.Replace(tableText.Value, newTblText);
                            sb.Append($"{newStr};");

                            #endregion
                        }
                        else if (str.Contains("LODOP.ADD_PRINT_BARCODEA"))
                        {
                            #region 处理条码、二维码

                            //LODOP.ADD_PRINT_BARCODEA("data1_test2",394,98,291,60,"128A","123456789012"); 
                            var matchContent = regex.Match(str);//获取到的是"Obj.Code",12,77,100,20,"001"

                            if (matchContent == null)
                            {
                                sb.AppendFormat(string.Format("{0};", str));
                                continue;
                            }

                            var arrayData = matchContent.Value.Split(',');
                            var strStart = arrayData[0].Replace("\"", "");
                            var strReplace = arrayData.LastOrDefault().Replace("\"", "");
                            //注： name[0]标准值应该是 数据标识_字段名称
                            var nameArray = strStart.Split('_');

                            if (nameArray.Length != 3)
                            {
                                sb.AppendFormat(string.Format("{0};", str));
                                continue;
                            }

                            var i = 0;
                            object newValue = null;
                            bool IsMatch = false;//是否匹配到数据 如果没有则返回原文

                            foreach (var item in itemslist)
                            {
                                if (nameArray[0].Equals(item.DataSourceFlag))
                                {
                                    //已匹配大数据源
                                    var dt = datasource[i];
                                    if (dt == null || dt.Rows.Count < 1) break;

                                    //根据反射找到数据值
                                    var objectName = nameArray[1];

                                    foreach (DataRow dr in dt.Rows)
                                    {
                                        try
                                        {
                                            if (dr[objectName] != null)
                                            {
                                                if (objectName.Contains("Date"))
                                                {
                                                    newValue = Convert.ToDateTime(dr[objectName]).ToString("yyyy-MM-dd");
                                                }
                                                else if (objectName.Contains("Amount") || objectName.Contains("Money"))
                                                {
                                                    newValue = Convert.ToDecimal(dr[objectName]).ToString("0.####");
                                                }
                                                else
                                                {
                                                    newValue = dr[objectName];
                                                }

                                                IsMatch = true;
                                            }
                                        }
                                        catch
                                        {

                                        }
                                    }

                                    break;
                                }
                                i++;
                            }

                            if (IsMatch)
                            {
                                //替换值
                                var newStr = str.Replace(strReplace, newValue.ToString());
                                sb.AppendFormat(string.Format("{0};", newStr));
                            }
                            else
                            {
                                sb.AppendFormat(string.Format("{0};", str));
                            }



                            #endregion

                        }
                        else
                        {
                            sb.AppendFormat(string.Format("{0};", str));
                        }

                    }
                }

 

 

yz-俞祥胜
关注
  • 3
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
关于JS Lodop打印插件打印Bootstrap样式错乱问题的解决方案
10-20
关于Lodop打印是个很牛逼的打印插件，但是打印Bootstrap的样式的时候就容易错乱，下面通过本文给大家分享下这方面的问题
济南社保 打印插件 lodop
05-07
总的来说，"济南社保 打印插件 LODOP"是针对济南社保打印需求的专业解决方案，它通过增强IE浏览器的打印功能，解决了用户在打印社保证明时可能遇到的问题，提高了打印效率和准确性。对于需要频繁打印社保相关文档的...
Lodop打印控件保姆级入门
最新发布
钱多多的博客
04-25 1008
是可以实现个性化打印功能的控件，项目中指定某些区域进行一些特殊打印要求时使用该控件比较友好。
通过Vue的动态组件实现打印模板设计器结合lodop打印
包子大叔的笔记
07-28 1万+
lodop是目前最流行的打印Web打印组件，可以直接打印html 如何为lodop添加打印模板 一般打印功能都有打印模板和数据源，利用Vue的动态组件，我们就可以为lodop添加打印模板，实现按需打印 1，编写一个html，在显示数据的地方用Vue语法替换例如：{{printData.UserName}}，把这个html保存到数据库就是打印模板了 2，界面定义一个div存放动态组件，把数据源Json加载到Vue中，加载打印模板生成组件，让lodop打印这个div就可以了
lodop的基本使用和常用API的详细介绍
weixin_63203565的博客
06-22 6864
功能丰富：LODOP 允许网页中进行高度自定义的打印操作，包括添加文本、图像、表格等内容，设置纸张尺寸和方向，调整对象的风格和布局，控制打印机的设置等HTML 内容支持：LODOP 支持添加 HTML 内容到打印任务中，可以通过方法将 HTML 代码呈现为打印内容，可以灵活地处理复杂的格式和布局需求对象风格控制：通过方法，可以为打印任务中的对象（如文本、图像、表格等）设置各种风格，包括字体大小、字体名称、加粗、对齐方式、边框样式等，从而实现个性化的打印效果。
使用vue进行Lodop打印的一些方法
字节叔叔
06-11 7259
一个基于 Vue、ElementUi、C-Lodop 的打印模板设计器。实现打印模板的设计、预览和打印功能。示例。
使用Lodop控件打印表单和二维码
weixin_45111741的博客
12-16 1万+
1.了解lodop 1.1Lodop的定义 Lodop(标音:劳道谱,俗称:露肚皮)是专业WEB控件,用它既可裁剪输出页面内容，又可用程序代码直接实现复杂打印。控件功能强大,却简单易用,所有调用如同JavaScript扩展语句一样。 1.2Lodop的下载 下载链接：http://www.lodop.net/download.html 一路安装就行，安装好之后解压 可以跟着示例一个一个学习，不懂的地方结合源代码一起学习 2.在页面中引入lodop (必须要安装lodop才行，不然没有效果) 在页面中嵌入l
LODOP.ADD_PRINT_TEXT 参数解释说明
lmy_loveF的博客
08-05 6709
LODOP.ADD_PRINT_TEXT 参数解释说明
lodop 使用教程之图文详解 + 详细方法/参数的配置说明
绝影
05-31 1万+
lodop 使用教程之图文详解 + 详细方法/参数的配置说明 废话不多说先呈上官网 : 云官网 : http://www.c-lodop.com/ 官网 : http://www.lodop.net/ （建议网速不怎么样的，不要使用这个网站了） 这个就不用多讲了，当然云官网的速度要快一些，里面的内容展示方式都是一样的，包括版本也是同步更新的，这个不用担心的。 本教程以云官网为例 : 首先打开百度输...
Vue中使用Lodop插件实现打印功能的简单方法
10-15
总的来说，Vue中使用Lodop插件实现打印功能，关键在于正确引入和调用Lodop的JavaScript API，以及在Vue环境中封装和使用这些API。通过合理组织代码，可以轻松实现网页内容的打印和预览功能，提升用户体验。在实际...
Lodop实现Web打印控件实例
01-06
1.系统采用visual studio2008+sqlserver2000; 2.数据库使用系统数据库Northwind,数据备份文件放于App_Data目录下； 3.使用该Lodop前，需先进行安装，若为安装在调用时会给出安装提示，可根据安装提示进行安装，安装程序放在JS文件夹下，名为install_lodop.exe。将该文件名改为uninstall_lodop.exe可卸载控件； 4.在调用的页面必须引用CheckActivX.js，该文件放在JS文件夹下，该文件的用于检测是否安装了install_lodop.exe或进行空间的版本升级。
WEB自定义打印模板控件OCX
08-27
自己开发的基于Fastrepot组件 delphi7编写的 ocx B/S开发，C/S开发都可已使用，已有软件项目使用过，支持打印二维条码，支持用户自定义修改报表模板。
使用lodop进行html打印
02-28
使用lodop进行html打印，该资源包含了对应的JS和使用方式
详解如何在vue项目中使用lodop打印插件
10-17
主要介绍了详解如何在vue项目中使用lodop打印插件，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
济南社保 lodop 打印插件
05-22
"济南社保打印插件 LODOP"就是专为解决此类问题而设计的一款工具，尤其适用于那些在使用IE浏览器时遇到打印社保证明显示不全或无法正常打印的用户。 LODOP，全称“Lodop打印服务程序”，是一款高效、稳定且功能强大...
lodop套打模板设计代码
zuo_kaizheng的博客
03-03 1758
lodop 有人说她是Web打印控件，因为她能打印、在浏览器中以插件的形式出现，用简单一行语句就把整个网页打印出来； 有人说她是打印编程接口，因为她介于浏览器和打印设备之间，是个通道和桥梁，几乎能想到的打印控制事项都能做到； 有人说她是JavaScript的扩展，因为她所有功能就那么几个语句，和JS语法一样，一看就明白个究竟； 有人说她是报表打印工具，因为那个add_print_table语句把报表统计的那点事弄了个明明白白； 1. 在使用lodop之前要安装lodop插件（官网地址： http://www
lodop 条码类型说明
u011396080的博客
10-08 9027
LODOP.ADD_PRINT_BARCODE(Top,Left,Width,Height,BarCodeType,BarCodeValue); 下面是BarCodeType（一 一对应） 128A 128B 128C 128Auto EAN8 EAN13 EAN128A EAN128B EAN128C Code39   39Extended 2_5interleaved 2_5ind...
LODOP设计打印模板
热门推荐
chufeng1992的专栏
04-03 1万+
如果是没接触过LODOP打印技术的朋友进来了，可以先搜一下LODOP官网，在那里我相信有更加权威的阐述。在这里主要是针对LODOP打印时随用户切换模板。本文主要讲通过数据库存储打印模板。       主要针对几个问题，1是如何通过数据库保存模板。2是如何在调用时传入打印值。3是如何保存图片。4是如何调用。 1、设计模板      1.1    使用LODOP的design函数设计模板，并接受
Lodop 一张纸打印多次xml模板
07-13
您好！Lodop是一个功能强大的打印控件，可以使用XML模板来实现一张纸打印多次的功能。这里是一个使用XML模板在一张纸上多次打印的示例代码： ```javascript // 创建Lodop对象 var lodop = getLodop(); // 设置打印模板 var xmlTemplate = '<template><div>这是打印内容</div></template>'; // 替换为您的XML模板内容 // 设置打印参数 var pageCount = 4; // 打印的次数 var pageWidth = 100; // 页面宽度，单位mm var pageHeight = 150; // 页面高度，单位mm // 打印循环 for (var i = 0; i < pageCount; i++) { // 创建新页 lodop.newPage(); // 设置页面大小 lodop.setPageSize(pageWidth * 10, pageHeight * 10); // 打印XML模板内容 lodop.sendXMLToPrinter(xmlTemplate); } // 打印预览 lodop.preview(); ``` 请注意，在上述示例代码中，您需要将`xmlTemplate`变量替换为您自己的XML模板内容。此外，确保您已正确配置Lodop打印插件，并在浏览器中加载了该插件。 希望这能对您有所帮助！如果您还有其他问题，请随时向我提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值