在实际项目开发中经常会遇到一种场景，客户希望点击页面上的生成文件按钮，执行程序动态填充数据到Word模板，直接在后台生成Word文档，而无需显示Word文档。目前网上有一些针对此需求的方案，但每个方案都存在很多各自的问题。
PageOffice 开发了 FileMaker 组件，该组件完全符合 PageOffice 的架构设计，提供了最简单的对象模型，没有任何学习成本。FileMaker 在客户端后台填充数据到Office模板生成文档并自动上传到服务器，不会打开显示生成的文档。由于FileMaker是调用Office原生接口操作文档内容的，所以生成的是原汁原味的Office文档格式，而且由于FileMaker调用的是客户端电脑上的Office，所以服务器上无需安装Office软件，也不要求服务器必须是Windows平台，生成文档的工作不会对服务器端造成任何压力，更不存在并发问题，实现了完美生成文档的目的，且避免了上述的所有问题。
FileMakerCtrl 和 PageOfficeCtrl 的区别
FileMakerCtrl 本质上就是一个没有界面的 PageOfficeCtrl，也是调用客户端 Office 程序处理文件的，FileMakerCtrl和PageOfficeCtrl都可以实现对文档进行动态填充、动态转 PDF 等功能，唯一的区别就是 FileMakerCtrl 在线打开填充和转换文档的时候，Web页面不会打开显示文档内容，而 PageOfficeCtrl 会弹出窗口打开显示文档内容。
# PageOffice的解决方案

下面就以生成一份荣誉证书的效果为例，介绍一下如何使用FileMaker组件动态生成Word文档。
1. 需求效果：用户点击生成word文件按钮，执行程序把某公司信息动态填充到荣誉证书模板中，生成一份荣誉证书文件。
2. 荣誉证书模板如下图所示，为了简单起见，模板中只使用了公司名称来代表公司的所有信息，所以只用了一个数据区域“PO_company”来标记公司名称的位置。
	![image](https://developer.qcloudimg.com/http-save/yehe-12004816/5c27face9731c69af12805bff479b920.png)
3. 点击按钮后，执行把公司信息动态填充到Word模板中生成荣誉证书的后台代码（比如：/FileMakerSingle），在服务器端文件夹下生成一份荣誉证书文件：maker.doc，文件内容如下图所示。
	![image](https://developer.qcloudimg.com/http-save/yehe-12004816/35e319894ae034e0d11056d9000669fa.png)

# 后端代码

1. 在后端编写代码实现文档动态填充（比如/FileMakerSingle），关键代码如下：
```
// 获取id后可以根据id从数据库中查询公司信息，为简单起见，就不再演示
String id = request.getParameter("id"); 
FileMakerCtrl fmCtrl = new FileMakerCtrl(request);
WordDocumentWriter doc = new WordDocumentWriter();
//给数据区域赋值，即把数据填充到模板中相应的位置
doc.openDataRegion("PO_company").setValue("北京卓正志远软件有限公司");
fmCtrl.setWriter(doc);
fmCtrl.fillDocument("doc/template.doc", DocumentOpenType.Word);
response.getWriter().print(fmCtrl.getHtml());
```
2.保存文件：在SaveFilePage指向的地址接口中，创建FileSaver对象保存文件。
```
FileSaver fs = new FileSaver(request, response);
String fileName = "maker" + fs.getFileExtName();
fs.saveToFile(request.getSession().getServletContext().getRealPath("FileMakerSingle/doc") + "/" + fileName);
fs.setCustomSaveResult("{\"msg\":\"ok\"}");//用于给前端页面返回数据
fs.close();
```
# 前端代码

编写前端网页代码，调用执行后端生成文件代码，并实现生成文件进度条的效果。
```
<script setup>
import request from '@/utils/request';
import { ref, onMounted } from 'vue'
import { filemakerctrl } from 'js-pageoffice'
const titleText = ref('');
const buttonDisabled = ref(false);
const progressBar = ref(null);

onMounted(async () => {
  try {
    const response = await request({
      url: '/index',
      method: 'get',
    });
    titleText.value = response;
  } catch (error) {
    console.error('Failed to fetch title:', error);
  }
});

function ConvertFile() {
  buttonDisabled.value = true;
  // 设置用于保存文件的服务器端controller地址,该地址需从"/"开始，指向服务器端根目录
  /** 如果想要给SaveFilePage传递参数，建议使用new URLSearchParams方式，例如：
* let saveFileUrl = "/FileMakerSingle/save";
* let paramValue = new URLSearchParams({id:1,name:"张三"});
* filemakerctrl.SaveFilePage = `${saveFileUrl}?${paramValue.toString()}`;
*/
  filemakerctrl.SaveFilePage = "/FileMakerSingle/save";

  filemakerctrl.CallFileMaker({
    // url：指向服务器端FileMakerCtrl打开文件的controller地址，该地址需从"/"开始，指向服务器端根目录  
    url: "/FileMakerSingle/FileMakerSingle",
    success: (res) => {//res：获取服务器端fs.setCustomSaveResult设置的保存结果
      console.log(res);
      console.log("completed successfully.");
      setProgress(100);
      buttonDisabled.value = false;
    },
    progress: (pos) => {
      console.log("running " + pos + "%");
      setProgress(pos);
    },
    error: (msg) => {
      console.log("error occurred: " + msg);
    },
  });
}
function setProgress(percent) {
  progressBar.value.style.width = percent + "%";
  progressBar.value.innerText = percent + "%";
}
</script>

<template>
  <div class="Word">
    <input id="Button1" type="button" :disabled="buttonDisabled" value="生成Word文件" @click="ConvertFile()" />
    <div id="progressBarContainer">
        <div id="progressBar" ref="progressBar"></div>
    </div>
  </div>
</template>

<style scoped>
#progressBarContainer {
  width: 500px;
  background-color: #e0e0e0;
  border-radius: 5px;
  padding: 3px;
  margin: 10px auto;
}
#progressBar {
  height: 20px;
  width: 0%;
  background-color: #76b900;
  border-radius: 5px;
  text-align: center;
  line-height: 20px;
  color: white;
}
</style>
```
参考链接：[后台生成单个Word文档 | PageOffice 开发者中心](https://pageoffice.cn/pages/f1fa68/)


在实际项目开发中经常会遇到一种场景，客户希望点击页面上的生成文件按钮，执行程序动态填充数据到Word模板，直接在后台生成Word文档，而无需显示Word文档。目前网上有一些针对此需求的方案，但每个方案都存在很多各自的问题。PageOffice 开发了 FileMaker 组件，该组件完全符合 PageOffice 的架构设计，提供了最简单的对象模型，没有任何学习成本。FileMaker 在客户端后台填充数据到Office模板生成文档并自动上传到服务器，不会打开显示生成的文档。由于FileMaker是调用Office原生接口操作文档内容的，所以生成的是原汁原味的Office文档格式，而且由于FileMaker调用的是客户端电脑上的Office，所以服务器上无需安装Office软件，也不要求服务器必须是Windows平台，生成文档的工作不会对服务器端造成任何压力，更不存在并发问题，实现了完美生成文档的目的，且避免了上述的所有问题。FileMakerCtrl 和 PageOfficeCtrl 的区别FileMakerCtrl 本质上就是一个没有界面的 PageOfficeCtrl，也是调用客户端 Office 程序处理文件的，FileMakerCtrl和PageOfficeCtrl都可以实现对文档进行动态填充、动态转 PDF 等功能，唯一的区别就是 FileMakerCtrl 在线打开填充和转换文档的时候，Web页面不会打开显示文档内容，而 PageOfficeCtrl 会弹出窗口打开显示文档内容。

PageOffice后台生成单个Word文档

在实际项目中，客户希望点击页面上的生成文件按钮，执行程序动态填充数据到Word模板，直接在后台生成Word文档，而无需显示Word文档。PageOffice开发FileMaker组件，该组件完全符合PageOffice 的架构设计，FileMaker在客户端后台填充数据到Office模板生成文档并自动上传到服务器。

后端

编程语言

开发工具

PageOffice FileMaker组件实现后台Word文档动态生成，无需显示文档界面。通过客户端Office原生接口填充数据到模板，生成标准格式文档并自动上传服务器。支持跨平台部署，服务器无需安装Office，无并发压力，完美解决企业文档生成需求。

数据库

服务器

Windows

4核4G3M云服务器 新用户低至38元/年！

2026采购季 | AI焕新·智启新局

tencentdb-catalog

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

PageOffice后台生成单个Word文档-腾讯云开发者社区-腾讯云

PageOffice后台生成单个Word文档

PageOffice后台生成单个Word文档

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐