PageOffice动态给word插入二维码(或条形码)图片

在实际的项目开发中,经常需要将各种数据动态填充到Word文档中生成自定义的文档,比如生成一份合同,用户可以选择指定的合同模板,然后由Web系统的把某个合同相关数据信息动态填充到合同模板中的对应位置,生成一份正式合同文件,同时还希望在合同模板中预留的二维码位置插入由系统生成的二维码,便于以后对合同的检索和电子化管理。那么,通过调用PageOffice给数据区域填充图片的功能,就可以很方便地实现此需求。

首先,新建一个Word合同模板,将需要动态填充数据的位置添加数据区域(也就是"PO_"开头的书签) 。比如新建一个Word模板"template1.docx",打开该文件,定位光标到需要插入二维码的位置,比如选中文字"[二维码]",然后在Word菜单中选择"插入"-"书签",弹出"书签"对话框,输入书签名称。需要注意的是,书签名必须以"PO_"开头,并由字母和数字组成,但中间不能有空格。最后点击"添加"按钮,新的书签名将出现在下面的书签列表中。当前模板在正文和页眉中分别插入了一个"二维码"的数据区域。(如下图所示)

注意

在使用PageOffice开发的过程中,为了避免出现与用户自己定义的书签出现冲突,要求插入的书签名称必须以"PO_"开头。注意是字母o,不是数字0。在PageOffice的概念里提到的数据区域,本质上就是书签,但是只有"PO_"开头的书签才叫数据区域。

然后,编写代码打开template1.docx文件,并动态填充二维码图片到数据区域。与正文中数据区域填充二维码不同的是,在页眉中插入的二维码图片会在每页的页眉出现。效果如下图所示:

后端代码

假设,Web系统生成二维码图片的后端接口地址是:/genQRCode?id=xxxxxx

java 复制代码
PageOfficeCtrl poCtrl = new PageOfficeCtrl(request);

WordDocumentWriter doc = new WordDocumentWriter();
doc.openDataRegion("PO_QRCode1").setValue("[image]/genQRCode?id=xxxxxx[/image]");
doc.openDataRegion("PO_QRCode2").setValue("[image]/genQRCode?id=xxxxxx[/image]");
  
poCtrl.setWriter(doc); // 必须。
poCtrl.webOpen("D:\\template1.docx", OpenModeType.docNormalEdit, "张佚名");

原文地址:https://www.pageoffice.cn/pages/b003e1/

相关推荐
Byron07074 小时前
从多端割裂到体验统一:基于 Vue 生态的跨端架构落地实战
vue·多端
计算机程序设计小李同学4 小时前
基于 Spring Boot + Vue 的龙虾专营店管理系统的设计与实现
java·spring boot·后端·spring·vue
weixin_416660076 小时前
技术分析:豆包生成带公式文案导出Word乱码的底层机理
人工智能·word·豆包
沐墨染7 小时前
Vue实战:自动化研判报告组件的设计与实现
前端·javascript·信息可视化·数据分析·自动化·vue
奔跑的呱呱牛7 小时前
viewer-utils 图片预览工具库
javascript·vue·react
骆驼爱记录7 小时前
Word样式库不显示的8种修复方法
word·wps·新人首发
苍煜7 小时前
超简单 poi-tl 学习博客:从0到1掌握Word生成(无需模板+模板填充)
学习·word
请为小H留灯8 小时前
Word论文 封面、目录、页码设置步骤!(2026详细版教程)
毕业设计·word·论文格式
UpYoung!10 小时前
【SQL Server 2019】企业级数据库系统—数据库SQL Server 2019保姆级详细图文下载安装完全指南
运维·数据库·sqlserver·运维开发·数据库管理·开发工具·sqlserver2019
Cult Of11 小时前
Alicea Wind的个人网站开发日志(1)
python·vue