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

输出的结果如下:

相关推荐
passerby60615 小时前
如何自己造一个时间处理库
前端·javascript·github
小羊没烦恼!7 小时前
Hello Web API系列教程——Web API与国际化
java·服务器·前端·javascript·php
mayaairi8 小时前
Vue2 组件通讯(三):全局事件总线、PubSub、插槽与组件实例属性
前端·javascript·vue.js
kyriewen9 小时前
面试官问我:AI 都能写代码了,前端凭什么还值 25K
前端·javascript·人工智能
BillKu10 小时前
全局样式变量:CSS 自定义属性(--border-color)和SCSS 变量($border-color)的说明
javascript·css·scss
默_笙11 小时前
❗ 给金鱼装记忆(上):从白板到笔记本,AI 的短期记忆生存指南
前端·javascript
兜里只有三分钱~11 小时前
翻卡_3D 的仪式感,和三个让它穿帮的写法
javascript·css·3d
mayaairi11 小时前
Vue2 组件通讯(四):v-model、scoped样式、mixins与plugins
前端·javascript·vue.js
前端炒粉12 小时前
DOM 常用 API 速查表
开发语言·javascript·ecmascript
星云API技术支持12 小时前
企业微信二次开发:如何建立统一的错误处理、日志与请求追踪机制
javascript·企业微信·ruby