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/

相关推荐
AI导出鸭1 天前
怎么让千问做表格?AI导出鸭苹果版将千问输出的管道表格智能解析为二维结构,一键导出为Excel或Word标准表格。
人工智能·chatgpt·word·excel·ai导出鸭
zyplayer-doc1 天前
zyplayer-doc企业知识库能做什么:从文档创建、权限管理到AI问答的完整能力
大数据·javascript·数据库·人工智能·pdf·word
DsirNg1 天前
基于拓扑排序的画布自动布局:用最长上游路径决定节点列级
vue·流程图·拓扑排序·状态管理·有向图·自动布局·最长路径
way_hj3 天前
Flask笔记(2)快速web项目
笔记·flask·vue·web
Sterting3 天前
初识Vue3与开发环境搭建
前端·vue
zyplayer-doc3 天前
企业文档改错或误删后怎么办:zyplayer-doc编辑历史、版本回滚和回收站怎么用
大数据·开发语言·javascript·数据库·pdf·word
VIP_CQCRE3 天前
用 Ace Data Cloud 接入 Codex:让 AI 编程工具配置更简单
openai·ai编程·开发工具·codex·acedatacloud
sugar__salt3 天前
跟着 Demo 学 Pinia:两种仓库写法 + 完整 TodoList 复现
前端·javascript·vue.js·前端框架·vue
弹简特3 天前
【Vue3速成】09-Element Plus 核心组件实战与原理解析
vue·element-plus
Ai-_Man3 天前
豆包智能体内容批量导出:哪些该存、存成什么、怎么存v
人工智能·ai·小程序·word