在实际项目开发中经常会遇到后台动态生成文档的需求，目前网上有一些针对此需求的方案，如果您想要了解这些方案的对比，请查看后台生成单个Word文档中的“方案对比”。

如果一次只生成一份文档，请参考后台生成单个Word文档；如果想要一次批量生成很多文档，那就需要使用PageOffice提供的 js 内置函数CallFileMaker循环调用FileMaker生成文档的功能，实现批量生成文档的效果，下面就以“批量生成荣誉证书”的需求为例，介绍一下如何使用FileMaker批量生成文档的功能。

  1. 需求效果：用户在页面上勾选要生成荣誉证书的公司名，然后点击批量生成的按钮，就可以把各个公司的信息动态填充到荣誉证书模板中，为每个公司生成一份荣誉证书文件。

  2. 荣誉证书模板如下图所示，为了简单起见，模板中只使用了公司名称来代表公司的所有信息，所以只用了一个数据区域“PO_company”来标记公司名称的位置。

  3. 为了简单起见，下面介绍一下批量生成两份荣誉证书的过程。比如用户勾选了公司列表的前两个公司后，点击批量生成Word文件的按钮，如下图所示。

  4. 点击按钮后，重复调用把公司信息动态填充到Word模板中生成荣誉证书的后台代码（比如：FileMaker.jsp），直到所有的荣誉证书文件都生成完毕。具体实现请参考下面的前端代码。如下图所示的两份荣誉证书，就是在服务器端文件夹下批量生成的两份Word文件：maker1.doc、maker2.doc。

FileMakerCtrl 和 PageOfficeCtrl 的区别

FileMakerCtrl 本质上就是一个没有界面的 PageOfficeCtrl，也是调用客户端 Office 程序处理文件的，FileMakerCtrl和PageOfficeCtrl都可以实现对文档进行动态填充、动态转 PDF 等功能，唯一的区别就是 FileMakerCtrl 在线打开填充和转换文档的时候，Web页面不会打开显示文档内容，而 PageOfficeCtrl 会弹出窗口打开显示文档内容。

后端代码

  1. 在后端编写代码实现文档动态填充，比如FileMaker.jsp中关键代码如下：
String[] companyArr = {" ", "微软（中国）有限公司", "IBM（中国）服务有限公司",

						"亚马逊贸易有限公司", "脸书科技有限公司", "谷歌网络有限公司",

						"英伟达技术有限公司","台积电科技有限责任公司", "沃尔玛股份有限公司"};

int id = Integer.parseInt(request.getParameter("id"));

FileMakerCtrl fmCtrl = new FileMakerCtrl(request);

WordDocument doc = new WordDocument();

//给数据区域赋值，即把数据填充到模板中相应的位置

doc.openDataRegion("PO_company").setValue(companyArr[id]);

fmCtrl.setSaveFilePage("SaveMaker.jsp?id=" + id);

fmCtrl.setWriter(doc);

fmCtrl.fillDocument("doc/template.doc", DocumentOpenType.Word);
  1. 在SaveFilePage属性指向的地址接口中（比如：SaveMaker.jsp），创建FileSaver对象处理文件的保存工作
String id = request.getParameter("id");

FileSaver fs = new FileSaver(request, response);

String fileName = "maker" + id + fs.getFileExtName();

fs.saveToFile(request.getSession().getServletContext().getRealPath("FileMaker/doc") + "/" + fileName);

fs.close();

前端代码

编写前端网页代码，实现批量生成文件的效果。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

    <title></title>

    <script type="text/javascript">

		var ids = [1,2]; //假设这就是用户勾选的两个公司的id

		function ConvertFiles() {

			document.getElementById("Button1").disabled = true;

			//启动批量生成文件，0：表示从第一个开始生成。通过递归调用ConvertFile完成批量生成文件。

			ConvertFile(ids, 0);

		}

        function ConvertFile(idArr, index) {

            CallFileMaker({

                url: "FileMaker.jsp?id="+idArr[index], // FileMaker.jsp就是实现单个文件转换

                success: function () {

                    setProgress1(100);

					index++;

					setProgress2(index, idArr.length);

					if(index < idArr.length){

						ConvertFile(idArr, index);

					}

                },

                progress: function (pos) {

                    setProgress1(pos);

                },

                error: function (msg) {

					document.getElementById("errorMsg").innerHTML = "发生错误: <br /> " + msg;

                    console.log("error occurred: "+msg);

                }

            });

        }

		function setProgress1(percent) {

			var progressBar = document.getElementById("progressBar1");

			progressBar.style.width = percent + '%';

			progressBar.innerText = percent + '%';

		}

		function setProgress2(index, count) {

			var progressBar = document.getElementById("progressBar2");

			progressBar.style.width = Math.round(index/count*100) + '%';

			progressBar.innerText = index + '/' + count;

		}

    </script>

	<style>

		.progressBarContainer {

		  width: 100%;

		  background-color: #eee;

		  border-radius: 5px;

		  padding: 3px;

		  box-shadow: 2px 2px 3px 3px #ccc inset;

		}

		.progressBar {

		  height: 20px;

		  width: 0%;

		  background-color: #1A73E8;

		  border-radius: 5px;

		  text-align: center;

		  line-height: 20px;

		  color: white;

		}

		#progressDiv{

			width:400px;

			margin: 10px auto;

			text-align: left;

			font-size:14px;

			border: solid 1px #1A73E8;

			padding:10px 20px;

			color: #1A73E8;

		}

		#errorMsg{

			color: red;

		}

	</style>

</head>

<body>

    <div style="text-align: center;">

		<h3>演示：填充数据到模板中批量生成word文件</h3>

        <input id="Button1" type="button" value="批量生成Word文件" onclick="ConvertFiles()"/><br/>

		<div id="progressDiv">

			单文件进度：

			<div class="progressBarContainer">

			  <div id="progressBar1" class="progressBar"></div>

			</div>

			整体进度：

			<div class="progressBarContainer">

			  <div id="progressBar2" class="progressBar"></div>

			</div>

			<div id="errorMsg"> </div>

		</div>

    </div>

</body>

</html>

Pageoffice6 实现后台批量生成Word文档的更多相关文章

  1. PHP将数据库数据批量生成word文档

    <?php    class word{         function start(){            ob_start();            echo '<html x ...

  2. C# 导出word文档及批量导出word文档（4）

          接下来是批量导出word文档和批量打印word文件,批量导出word文档和批量打印word文件的思路差不多,只是批量打印不用打包压缩文件,而是把所有文件合成一个word,然后通过js来调用 ...

  3. FreemarkerJavaDemo【Android将表单数据生成Word文档的方案之一（基于freemarker2.3.28，只能java生成）】

    版权声明:本文为HaiyuKing原创文章,转载请注明出处! 前言 这个方案只能在java中运行,无法在Android项目中运行.所以此方案是:APP将表单数据发送给后台,后台通过freemarker ...

  4. FreeMarker生成Word文档

    FreeMarker简介: FreeMarker是一款模板引擎:即一种基于模板和要改变的数据,并用来生成输出文本(HTML网页.电子邮件.配置文件.源代码等)的通用工具,它不是面向最终用户的,而是一个 ...

  5. Java Web项目中使用Freemarker生成Word文档遇到的问题

    这段时间项目中使用了freemarker生成word文档.在项目中遇到了几个问题,在这里记录一下.首先就是关于遍历遇到的坑.整行整行的遍历是很简单的,只需要在整行的<w:tr></w ...

  6. JAVAWEB使用FreeMarker利用ftl把含有图片的word模板生成word文档，然后打包成压缩包进行下载

    这是写的另一个导出word方法:https://www.cnblogs.com/pxblog/p/13072711.html 引入jar包,freemarker.jar.apache-ant-zip- ...

  7. Aspose.Words简单生成word文档

    Aspose.Words简单生成word文档 Aspose.Words.Document doc = new Aspose.Words.Document(); Aspose.Words.Documen ...

  8. ASP.NET生成WORD文档，服务器部署注意事项

    网上转的,留查备用,我服务器装的office2007所以修改的是Microsoft Office word97 - 2003 文档这一个. ASP.NET生成WORD文档服务器部署注意事项 1.Asp ...

  9. POI生成WORD文档

    h2:first-child, body>h1:first-child, body>h1:first-child+h2, body>h3:first-child, body>h ...

  10. PowerDesigner将PDM导出生成WORD文档

    PowerDesigner将PDM导出生成WORD文档 环境 PowerDesigner15 1.点击Report Temlates 制作模板 2.如果没有模板,单击New图标创建.有直接双击进入. ...

随机推荐

  1. SQL 日期处理和视图创建：常见数据类型、示例查询和防范 SQL 注入方法

    SQL处理日期 在数据库操作中,处理日期是一个关键的方面.确保插入的日期格式与数据库中日期列的格式匹配至关重要.以下是一些常见的SQL日期数据类型和处理方法. SQL日期数据类型 MySQL日期数据类 ...

  2. openGauss Sqlines 使用指导

    openGauss Sqlines 使用指导 Sqlines 简介 Sqlines 是一款开源软件,支持多种数据库之间的 SQL 语句语法的的转换,openGauss 将此工具修改适配,新增了 ope ...

  3. github仓库开始启用Token认证，用户名密码模式将在2021年8月停止使用

    提交代码到github原本使用github的登录账号和密码即可.现在github出于安全的考虑,将在2021年8月停止使用账号和密码的方式访问github仓库,改为token认证的方式. 创建步骤 点 ...

  4. android android7以上无法连接蓝牙

    前言 在开发android 蓝牙的时候,发现一个问题,那就是android7无法连接上蓝牙. 原因 <!-- 管理蓝牙设备的权限 --> <uses-permission andro ...

  5. 整理ionic 系列——页面生命周期

    前言 这是整理ionic的开篇,ionic 就不多介绍了,开发混合app的. 正文 Event Desc ionViewDidLoad 当页面加载的时候触发,仅在页面创建的时候触发一次,如果被缓存了, ...

  6. js es6 map weakmap

    前言 这里介绍一些map和weakmap的一些属性和他们不同之处. 正文 map JavaScript 的对象(Object),本质上是键值对的集合(Hash 结构),但是传统上只能用字符串当作键.这 ...

  7. 简单介绍 Vue 3.0 项目创建

    一.前期转杯 确保电脑上已安装 node.js. 可通过命令 npm --version进行查询,如果展示了版本号,则说明已安装,若提示 npm 不是有内部或外部命令,也不是可运行的程序,则说明未安装 ...

  8. CDN基础知识

    什么是CDN? CDN的全称是Content Delivery Network,即内容分发网络.其实现是通过在现有的Internet中增加一层新的网络架构,将网站的内容发布到最接近用户的网络" ...

  9. k8s集群部署1.28.2版本(无坑)

    Kubernetes-1.28.2 集群介绍及搭建 一.Kubernetes 概述 1.什么是Kubernetes? K8S 的全称为 Kubernetes.用于自动部署.扩展和管理"容器化 ...

  10. MAC Book: Operation not permitted

    背景: 最近清理系统上的一些无用的文件后,为了release出可用空间,所以还要把.Trash目录下的文件清理才真正清理完,但是ls 查看该目录时发现一直报"operation not pe ...