怎么利用node生成word文档？使用库分享

怎么利用node生成word文档？下面本篇文章给大家介绍一下使用node生成word文档的方法，分享一个实用库，聊聊该库的使用方法，希望对大家有所帮助！

最近有项目需要用到生成word文档，平时经常用的都是通过模板生成，里面变量使用占位符替换，好处是快捷、方便、简单、不需要通过代码调word样式，确定是很多库不支持图片绘制（很多都是付费功能），找一圈，发现一个很有意思的库，正好也满足我们的需求，特此分享一下

依赖

// https://docx.js.org/#/
npm i docx 

// https://www.npmjs.com/package/download
npm i download

说明，因为docx绘图只支持文件流，所以要把网络文件下载到本地转成buffer

代码

话不多说，上代码

import * as fs from "fs"
import { Document, Packer, Paragraph, TextRun, ImageRun, HeadingLevel, AlignmentType, convertInchesToTwip, Table, TableRow, TableCell, WidthType, VerticalAlign, BorderStyle } from "docx"
const download = require(&#39;download&#39;)

// 性别
enum Gender {
  Male = &#39;male&#39;,
  Female = &#39;female&#39;
}

// 选手
type PlayerSchema = {
  name: string
  gender: string
  idCard?: string
  birthday?: string
  weight?: string
  remark?: string
  avatar?: string
  localAvatar?: string
  level: string
}
type GroupSchema = {
  // gender: Gender
  institution: string
  leader: string
  phone: string
  coach: string
  doctor: string
  players: PlayerSchema[]
}

// 所有数据
interface DataSchema  {
  [key: string]: GroupSchema
}

// 表格无边框
const noBoder = {
  top: {
    style: BorderStyle.NIL,
    size: 0,
    color: &#39;FFFFFF&#39;
  },
  bottom: {
    style: BorderStyle.NIL,
    size: 0,
    color: &#39;FFFFFF&#39;
  },
  left: {
    style: BorderStyle.NIL,
    size: 0,
    color: &#39;FFFFFF&#39;
  },
  right: {
    style: BorderStyle.NIL,
    size: 0,
    color: &#39;FFFFFF&#39;
  }
}

// 删除下载的照片及文件夹
function delStaticFile(groupNames: string[]) {
  for (let groupName of groupNames) {
    if (fs.existsSync(groupName)) {
      const files = fs.readdirSync(groupName)
      files.map((file: string) => {
        let curPath = groupName + "/" + file
        // 删除选手招聘
        fs.unlinkSync(curPath)
      })
      fs.rmdirSync(groupName)
    }
  }
}

// 生成word
async function generate (data: DataSchema) {
  const groupNames = Object.keys(data)

  // 比较粗糙的控制单元格长度逻辑
  const longHeaders = [&#39;身份证号&#39;, &#39;备注&#39;]

  // 下载远程资源到本地
  for (let groupName of groupNames) {
    if (!fs.existsSync(groupName)) {
      fs.mkdirSync(groupName)
    }

    const players = data[groupName].players
    for (let player of players) {
      if (player.avatar) {
        const avatarArr = player.avatar.split(&#39;/&#39;)
        const fileName = `${groupName}/${avatarArr[avatarArr.length - 1]}`

        if (!fs.existsSync(fileName)) {
          await download(player.avatar, groupName)
        }
        // 下载后的本地的资源路径
        player.localAvatar = fileName
      }
    }
  }

  // 需要多个文件合一
  const sections = groupNames.map(groupName => {
    const info = data[groupName]
    const { institution, leader, phone, coach, doctor, players } = info
    // 标头内容
    // let headers = [&#39;序号&#39;, &#39;照片&#39;, &#39;姓名&#39;, &#39;性别&#39;, &#39;出生年月&#39;, &#39;体重&#39;, &#39;级别&#39;, &#39;备注&#39;]
    let headers = [&#39;序号&#39;, &#39;照片&#39;, &#39;姓名&#39;, &#39;性别&#39;, &#39;身份证号&#39;, &#39;级别&#39;, &#39;备注&#39;]

    // 表格数据
    let tableData: any[][] = []
    tableData.push(headers)

    // 填充选手信息
    let index = 1
    for (let player of players) {
      tableData.push([
        index.toString(),
        player.localAvatar || &#39;&#39;,
        player.name,
        player.gender === Gender.Male ? &#39;男&#39; : &#39;女&#39;,
        player.idCard,
        // player.birthday,
        // player.weight,
        player.level,
        player.remark,
      ])
      index++
    }

    // 表格渲染
    const tableRows = tableData.map(colums => {
      return new TableRow({
        children: colums.map(cell => {
        return new TableCell({
          verticalAlign: VerticalAlign.CENTER,
          width: {
            // 设置宽度 dxa长度单位 https://stackoverflow.com/questions/14360183/default-wordml-unit-measurement-pixel-or-point-or-inches
            size: longHeaders.some(j => cell === j) ? 3000 : 800,
            type: WidthType.DXA,
          },
          children: cell && colums.findIndex(i => i === cell) === 1 && cell !== &#39;照片&#39; ?
              [new Paragraph({
                alignment: AlignmentType.CENTER,
                children: [
                  new ImageRun({
                    // 将图片转化为buffer
                    data: fs.readFileSync(cell),
                    transformation: {
                      width: 100,
                      height: 129,
                    },
                  })
                ]
              })]:
            [new Paragraph({
              alignment: AlignmentType.CENTER,
              children:[
                new TextRun(cell || &#39;&#39;)
              ]
            })]
          })
        })
      })
    })

    // 渲染报名表格
    const table = new Table({
      alignment: AlignmentType.CENTER,
      rows: tableRows
    })

    return {
      properties: {},
      children: [
        // new Paragraph({
        //   style: "wellSpaced",
        //   children: [
        //     new TextRun({
        //       text: &#39;附件 4&#39;,
        //       color: &#39;999999&#39;,
        //     })
        //   ],
        // }),

        // 表头信息
        new Paragraph({
          spacing: {
            before: 400,
            after: 400
          },
          style: "Title",
          text: `自 由 搏 击 比 赛 报 名 表（${groupName === Gender.Male ? &#39;男子&#39; : &#39;女子&#39;}）`,
          heading: HeadingLevel.TITLE,
          alignment: AlignmentType.CENTER
        }),

        // 队伍信息
        new Table({
          style: "wellSpaced",
          alignment: AlignmentType.CENTER,
          borders: noBoder,
          rows: [
            new TableRow({
            children: [
              new TableCell({
                width: {
                  size: 600,
                  type: WidthType.DXA,
                },
                borders: noBoder,
                children: [
                  new Paragraph(`单位: `),
                ],
              }),
              new TableCell({
                width: {
                  size: 1800,
                  type: WidthType.DXA,
                },
                borders: noBoder,
                children: [
                  new Paragraph(`${institution}`)
                ],
              }),
              new TableCell({
                width: {
                  size: 700,
                  type: WidthType.DXA,
                },
                borders: noBoder,
                children: [
                  new Paragraph(`  领队: `),
                ],
              }),
              new TableCell({
                width: {
                  size: 1200,
                  type: WidthType.DXA,
                },
                borders: noBoder,
                children: [
                  new Paragraph(`${leader}`)
                ],
              }),
              new TableCell({
                width: {
                  size: 1100,
                  type: WidthType.DXA,
                },
                borders: noBoder,
                children: [
                  new Paragraph(`  联系电话: `),
                ],
              }),
              new TableCell({
                width: {
                  size: 1400,
                  type: WidthType.DXA,
                },
                borders: noBoder,
                children: [
                  new Paragraph(`${phone}`)
                ],
              }),
              new TableCell({
                width: {
                  size: 700,
                  type: WidthType.DXA,
                },
                borders: noBoder,
                children: [
                  new Paragraph(`  教练: `),
                ],
              }),
              new TableCell({
                width: {
                  size: 1300,
                  type: WidthType.DXA,
                },
                borders: noBoder,
                children: [
                  new Paragraph(`${coach}`)
                ],
              }),
              new TableCell({
                width: {
                  size: 700,
                  type: WidthType.DXA,
                },
                borders: noBoder,
                children: [
                  new Paragraph(`  队医: `),
                ],
              }),
              new TableCell({
                width: {
                  size: 1300,
                  type: WidthType.DXA,
                },
                borders: noBoder,
                children: [
                  new Paragraph(`${doctor}`)
                ],
              }),
            ],
          }),
          ]
        }),

        // 用于段落距离（table无法设置spacing属性）
        new Paragraph({
          spacing: {
            // 通过调整before值来调整段落渐进
            before: 400,
          },
          text: ``,
        }),

        // 选手信息
        table,

        // 印章和时间
        new Paragraph({
          style: "wellSpaced",
          children: [
            new TextRun({
              text: &#39;\t\t\t\t报名单位章：\t\t\t\t\t\t&#39;,
            }),
            new TextRun({
              text: &#39;年\t\t&#39;
            }),
            new TextRun({
              text: &#39;月\t\t&#39;
            }),
            new TextRun({
              text: &#39;日&#39;
            })
          ]
        })
      ]
    }
  })

  // 创建整个文档
  const doc = new Document({
    styles: {
      paragraphStyles: [
        {
          id: "Title",
          name: "title",
          basedOn: "Normal",
          next: "Normal",
          quickFormat: true,
          run: {
              size: 30,
              bold: true,
              color: "000000"
          }
        },
        {
          id: "wellSpaced",
          name: "Well Spaced",
          basedOn: "Normal",
          quickFormat: true,
          paragraph: {
            indent: {
              left: convertInchesToTwip(0.5),
            },
            spacing: {
              before: 400,
            },
          },
        },
      ],
    },
    sections
  })
  
  // 生成word文档
  Packer.toBuffer(doc).then((buffer) => {
    fs.writeFileSync("enrolls.docx", buffer)
  })

  // 删除下载的选手照片
  delStaticFile(groupNames)
}

const group: GroupSchema = {
  institution: &#39;江苏省南京市舜禹集团总部&#39;,
  leader: &#39;王猛（男）&#39;,
  phone: &#39;18861856665&#39;,
  coach: &#39;刘国梁（男）&#39;,
  doctor: &#39;杨永信（女）&#39;,
  players: [
    {
      name: &#39;莱昂纳多迪卡普里奥&#39;,
      gender: Gender.Male,
      idCard: &#39;320888199001019878&#39;,
      birthday: &#39;1999-01-02&#39;,
      weight: &#39;60kg&#39;,
      avatar: &#39;https://multi-xm.oss-cn-hangzhou.aliyuncs.com/atms/13.png&#39;,
      remark: &#39;&#39;,
      level: &#39;60kg&#39;
    },
    {
      name: &#39;张三&#39;,
      gender: Gender.Male,
      idCard: &#39;320888199001019878&#39;,
      birthday: &#39;1999-01-02&#39;,
      weight: &#39;60kg&#39;,
      avatar: &#39;https://multi-xm.oss-cn-hangzhou.aliyuncs.com/atms/7.png&#39;,
      remark: &#39;&#39;,
      level: &#39;60kg&#39;
    },
    {
      name: &#39;张三&#39;,
      gender: Gender.Male,
      idCard: &#39;320888199001019878&#39;,
      birthday: &#39;1999-01-02&#39;,
      weight: &#39;60kg&#39;,
      avatar: &#39;https://multi-xm.oss-cn-hangzhou.aliyuncs.com/atms/14.png&#39;,
      remark: &#39;&#39;,
      level: &#39;60kg&#39;
    },
    {
      name: &#39;张三&#39;,
      gender: Gender.Male,
      idCard: &#39;320888199001019878&#39;,
      birthday: &#39;1999-01-02&#39;,
      weight: &#39;60kg&#39;,
      avatar: &#39;https://multi-xm.oss-cn-hangzhou.aliyuncs.com/atms/14.png&#39;,
      remark: &#39;&#39;,
      level: &#39;60kg&#39;
    },
    {
      name: &#39;张三&#39;,
      gender: Gender.Male,
      idCard: &#39;320888199001019878&#39;,
      birthday: &#39;1999-01-02&#39;,
      weight: &#39;60kg&#39;,
      avatar: &#39;https://multi-xm.oss-cn-hangzhou.aliyuncs.com/atms/14.png&#39;,
      remark: &#39;&#39;,
      level: &#39;60kg&#39;
    },
    {
      name: &#39;张三&#39;,
      gender: Gender.Male,
      idCard: &#39;320888199001019878&#39;,
      birthday: &#39;1999-01-02&#39;,
      weight: &#39;60kg&#39;,
      avatar: &#39;https://multi-xm.oss-cn-hangzhou.aliyuncs.com/atms/14.png&#39;,
      remark: &#39;&#39;,
      level: &#39;60kg&#39;
    },
    {
      name: &#39;张三&#39;,
      gender: Gender.Male,
      idCard: &#39;320888199001019878&#39;,
      birthday: &#39;1999-01-02&#39;,
      weight: &#39;60kg&#39;,
      avatar: &#39;https://multi-xm.oss-cn-hangzhou.aliyuncs.com/atms/14.png&#39;,
      remark: &#39;&#39;,
      level: &#39;60kg&#39;
    },
    {
      name: &#39;张三&#39;,
      gender: Gender.Male,
      idCard: &#39;320888199001019878&#39;,
      birthday: &#39;1999-01-02&#39;,
      weight: &#39;60kg&#39;,
      avatar: &#39;https://multi-xm.oss-cn-hangzhou.aliyuncs.com/atms/14.png&#39;,
      remark: &#39;&#39;,
      level: &#39;60kg&#39;
    },
    {
      name: &#39;张三&#39;,
      gender: Gender.Male,
      birthday: &#39;1999-01-02&#39;,
      weight: &#39;60kg&#39;,
      avatar: &#39;https://multi-xm.oss-cn-hangzhou.aliyuncs.com/atms/14.png&#39;,
      idCard: &#39;320888199001019878&#39;,
      remark: &#39;&#39;,
      level: &#39;60kg&#39;
    },
    {
      name: &#39;张三&#39;,
      gender: Gender.Male,
      idCard: &#39;320888199001019878&#39;,
      birthday: &#39;1999-01-02&#39;,
      weight: &#39;60kg&#39;,
      avatar: &#39;https://multi-xm.oss-cn-hangzhou.aliyuncs.com/atms/14.png&#39;,
      remark: &#39;&#39;,
      level: &#39;60kg&#39;
    },
    {
      name: &#39;张三&#39;,
      gender: Gender.Male,
      idCard: &#39;320888199001019878&#39;,
      birthday: &#39;1999-01-02&#39;,
      weight: &#39;60kg&#39;,
      avatar: &#39;https://multi-xm.oss-cn-hangzhou.aliyuncs.com/atms/14.png&#39;,
      remark: &#39;&#39;,
      level: &#39;60kg&#39;
    },
    {
      name: &#39;张三&#39;,
      gender: Gender.Male,
      idCard: &#39;320888199001019878&#39;,
      birthday: &#39;1999-01-02&#39;,
      weight: &#39;60kg&#39;,
      avatar: &#39;https://multi-xm.oss-cn-hangzhou.aliyuncs.com/atms/14.png&#39;,
      remark: &#39;&#39;,
      level: &#39;60kg&#39;
    }
  ]
}

const data: DataSchema = {
  [Gender.Male]: group,
  [Gender.Female]: group,
}

generate(data)

更多node相关知识，请访问：nodejs 教程！

以上就是怎么利用node生成word文档？使用库分享的详细内容，更多请关注其它相关文章！