目录

官方文档

简介

docxtemplater是什么

快速入门

安装

基本使用

基础用法

条件

循环

表格

相关文章

vue导出word,docxtemplater,多重遍历，图片以及判断

---

官方文档

官方文档链接

简介

docxtemplater是什么

使用Javascript在应用程序中生成docx, pptx或xlsx

Docxtemplater是一个邮件合并工具，以编程方式使用，可以处理条件、循环，还可以扩展以插入图像、html或表。docxtemplater使用Javascript对象(或JSON)作为数据输入，所以它也可以很容易地从其他语言使用(见docker版本)。它处理docx, pptx和一个插件xlsx模板。它的工作方式与模板引擎相同，你给它一个模板+一些数据，它将输出一个生成的文档。许多解决方案，如docx.js、docx4j。Python-docx可以生成docx，但它们需要您编写特定的代码来创建标题、图像等。相比之下，docxtemplater基于标记的概念，每种类型的标记都向编写模板的用户公开一个特性。

快速入门

安装

npm

npm install docxtemplater --save

yarn

yarn add docxtemplater -s

基本使用

基础用法

// js给的数据结构
{
    name:'小新',
    age:5
}
// word 模板中
偶是{name},年龄：{age}岁
// word文档结果中
偶是小新，年龄：5岁

条件

以 {#000}开始，以 {/000} 结尾

// js给的数据结构
{
    "hasHuman": true,
    "Human": "家人"
    "hasDog": false,
    "dog": 流浪狗
}
// word 模板中
{#hasHuman}小白是{Human}{/hasHuman}
{#hasDog}小白是{dog}{/hasDog}
// word文档结果中
小白是家人

循环

循环和条件的用法一致

// js给的数据结构
{
    "products": [
        { name: "Windows", price: 100 },
        { name: "Mac OSX", price: 200 },
        { name: "Ubuntu", price: 0 }
    ]
}
// word 模板中
{#products}
    {name}, {price} €
{/products}
// word文档结果中
Windows, 100 €
Mac OSX, 200 €
Ubuntu, 0€

遍历包含基本数据(如字符串)的数组:

// js给的数据结构
{
   "products": [
       "Windows",
       "Mac OSX",
       "Ubuntu"
   ]
}
// word 模板中
{#products} {.} {/products}
// word文档结果中
Windows Mac OSX Ubuntu

表格

word 模板

Name	Age	Phone Number
{#users}{name}	{age}	{phone}{/}

js数据

{
    users: [
        { name: "John", age: 22, phone: "+33653454343" },
        { name: "Mary", age: 25, phone: "+33666666666" },
    ],
}

word结果

Name	Age	Phone Number
John	22	+33653454343
Mary	25	+33666666666

待更新。。。。。。。。。

相关文章

特别标注：此处都是引用大佬的，我只是一个无情的搬运工，还是需要多多向大佬学习

vue导出word,docxtemplater,多重遍历，图片以及判断