使用docxtemplater进行Word文档的自动填充

最近给其他部门做了个简单的脚本要把一堆数据填充到word报告里。模板固定的都好说。用 docxtemplater 就行。

使用 npm install docxtemplater 直接下载即可。word的格式如下处理就行:

deviations是后面js代码里传递的对象名称。以{#deviations}开头,{/deviations}结尾。类似于for循环。index、code这些字段就是item.index,item.code等。只不过省去了item。

test.json文件格式如下:

css 复制代码
[  {    "code": "测试code1",    "reason": "测试reason1",    "inspect": "测试inspect1",    "complation": "测试complation1"  },  {    "code": "测试code2",    "reason": "测试reason2",    "inspect": "测试inspect2",    "complation": "测试complation2"  }]

可以简单实现的代码如下根据自己需求去更改就行:

javascript 复制代码
import fs from "fs/promises";
import Docxtemplater from "docxtemplater";
import PizZip from "pizzip";

async function main() {
  // 读取模板
  const templateContent = await fs.readFile("测试.docx");

  // 加载数据
  const data = JSON.parse(await fs.readFile("test.json", "utf8"));

  // 构造符合模板要求的数据结构
  const reportData = {
    deviations: data.map((item, i) => ({
      index: i + 1,
      code: item.code || "",
      reason: item.reason || "",
      inspect: item.inspect || "",
      complation: item.complation || "",
    })),
  };

  // 渲染模板
  const zip = new PizZip(templateContent);
  const doc = new Docxtemplater(zip, {
    paragraphLoop: true,
    linebreaks: true,
    nullGetter: () => "",
  });
  doc.render(reportData);

  const buffer = doc
    .getZip()
    .generate({ type: "nodebuffer", compression: "DEFLATE" });
  await fs.writeFile("test输出.docx", buffer);
}

main().catch(console.error);

输出的结果如下:

相关推荐
Joker Zxc7 分钟前
【前端基础(Javascript部分)】6、用JavaScript的递归函数和for循环,计算斐波那契数列的第 n 项值
开发语言·前端·javascript
Highcharts.js9 分钟前
React 图表如何实现下钻(Drilldown)效果
开发语言·前端·javascript·react.js·前端框架·数据可视化·highcharts
chushiyunen34 分钟前
python中的魔术方法(双下划线)
前端·javascript·python
终端鹿1 小时前
Vue2 迁移 Vue3 避坑指南
前端·javascript·vue.js
进击的尘埃1 小时前
Signals 跨框架收敛:TC39 提案、Solid、Angular、Preact 的实现差异与调度策略对比
javascript
进击的尘埃1 小时前
从多仓到 Monorepo 的渐进式迁移:Git 历史保留、依赖收敛与缓存调优
javascript
SuperEugene2 小时前
TypeScript+Vue 实战:告别 any 滥用,统一接口 / Props / 表单类型,实现类型安全|编码语法规范篇
开发语言·前端·javascript·vue.js·安全·typescript
gis开发3 小时前
cesium 中添加鹰眼效果
前端·javascript
bluceli3 小时前
JavaScript动态导入与代码分割:优化应用加载性能的终极方案
javascript
kyriewen3 小时前
原型与原型链:JavaScript 的“家族关系”大揭秘
前端·javascript·ecmascript 6