使用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);

输出的结果如下:

相关推荐
青青家的小灰灰11 分钟前
透视 React 内核:Diff 算法、合成事件与并发特性的深度解析
前端·javascript·react.js
SuperEugene13 分钟前
组合式函数 、 Hooks(Vue2 mixin 、 Vue3 composables)的实战封装
前端·javascript·vue.js
wuhen_n29 分钟前
模板编译三阶段:parse-transform-generate
前端·javascript·vue.js
滕青山33 分钟前
正则表达式测试 在线工具核心JS实现
前端·javascript·vue.js
不可能的是34 分钟前
前端图片懒加载方案全解析
前端·javascript
wuhen_n35 分钟前
Fragment 与 Portal 的特殊处理
前端·javascript·vue.js
用户57573033462444 分钟前
🚀 JS事件机制大揭秘:从“橘子”报警到“列表”瘦身,前端老鸟都在偷笑的秘密!
javascript
用户5757303346241 小时前
💎 JS 中的“隐形人”:Symbol 数据类型深度解密!从命名冲突到隐私保护
javascript
掘金安东尼1 小时前
Fun with TypeScript Generics:玩转 TS 泛型
前端·javascript·面试
掘金安东尼1 小时前
Next.js 企业级落地
前端·javascript·面试