React JS中合并.dot/.xlt类Office模板生成docx/xlsx文件解决方案问询

你当前的场景可以完全在React侧通过纯JS工具库实现，无需调用本地CMD命令或Office程序，兼容所有主流浏览器，具体方案如下：

可用工具库 #

• Word场景：使用docxtemplater + 辅助库pizzip，支持读取dot/dotm模板，注入数据完成合并后导出docx格式文件
• Excel场景：使用xlsx（SheetJS）库，支持读取xlt/xltm模板，填充数据后导出xlsx格式文件

实现逻辑 #

1. 服务端不再需要返回startHere入口文件，仅返回模板文件、数据文件、descFile.dat三个文件的二进制流即可
2. 前端拿到文件后首先解析descFile.dat，获取模板和数据的映射规则、输出文件名等配置
3. 对应场景调用上述工具库加载模板文件，把解析后的业务数据注入模板对应位置，原模板的基础样式、格式规则都会保留
4. 合并完成后生成Blob文件流，调用浏览器下载API直接导出最终文件，示例下载触发代码如下：

const triggerDownload = (fileBlob, fileName) => {
  const downloadUrl = window.URL.createObjectURL(fileBlob);
  const linkTag = document.createElement('a');
  linkTag.href = downloadUrl;
  linkTag.download = fileName;
  document.body.appendChild(linkTag);
  linkTag.click();
  document.body.removeChild(linkTag);
  window.URL.revokeObjectURL(downloadUrl);
}

注意事项 #

• 原模板中的VBA宏逻辑无法在浏览器端直接运行，需要把原来宏实现的合并规则、逻辑转换为JS代码在前端执行即可
• 普通数据填充、条件渲染、循环列表、样式保留类的需求上述工具都可以覆盖，如果有极其复杂的OLE嵌入、交互式宏逻辑，需要酌情调整原有业务实现

内容的提问来源于stack exchange，提问作者user2014521