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/

相关推荐
溪语流沙4 小时前
Django + Vue电商项目第001讲:开篇|注册登录加增删改查,那不是电商
redis·python·mysql·docker·typescript·django·vue
VIP_CQCRE4 小时前
OpenCode IDE 插件接入 Ace Data Cloud:把主流编辑器里的 AI Coding 能力统一到一个模型入口
大模型·ai编程·开发工具·opencode·acedatacloud
程序员阿黄4 小时前
基于 Django 与 Vue 3 的智能实验室预约系统设计与实现
后端·python·mysql·django·vue·毕设
.Hypocritical.5 小时前
Vue CLI(vue-cli)和 Vite 超详细对比
vue
志尊宝1 天前
Vue3 零基础每日笔记(040):Vite 创建 Vue3 + TS 项目——企业标配从这一篇开始
笔记·vue·html·前端开发·软件开发
2501_930707781 天前
使用C#代码为新创建的 Word 文档创建目录
c#·word
凤城老人1 天前
从零手写开源私有云盘|Flask+Vue3+Electron全栈网盘,单容器一键部署
python·docker·electron·vue
SunnyDays10111 天前
Java 拆分 Word 文档教程:按页、分页符和分节符拆分
java·word·分页·拆分
球球不吃虾1 天前
Nuxt在使用过程中的一些小总结(二)
前端·vue·nuxt
志尊宝2 天前
Vue3 零基础每日笔记(038):亲手封装 useDebounceFn 与 useThrottleFn——高频事件的流量阀
前端·javascript·vue·html·vue3