在实际项目开发中经常会遇到后台动态生成文档的需求，目前网上有一些针对此需求的方案，如果您想要了解这些方案的对比，请查看后台生成单个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. C# 继承、多态性、抽象和接口详解：从入门到精通

    C# 继承 在 C# 中,可以将字段和方法从一个类继承到另一个类.我们将"继承概念"分为两类: 派生类(子类) - 从另一个类继承的类 基类(父类) - 被继承的类 要从一个类继承 ...

  2. C 语言中的 switch 语句和 while 循环详解

    C 语言中的 switch 语句 替代多重 if..else 语句,可以使用 switch 语句.switch 语句用于选择多个代码块中的一个来执行 switch(表达式) { case x: // ...

  3. Spring Boot 嵌入式服务器、Hibernate 关系和 Spring Data 全解析

    嵌入式服务器 Spring Boot 的嵌入式服务器功能是一项方便而强大的功能,它允许你在应用程序中直接运行 Web 服务器,无需将其部署到单独的独立 Web 服务器中.这使得开发.测试和部署 Web ...

  4. Pandas选择与索引

    Series和DataFrame对象与Numpy数组和标准Python字典的数据索引和选择模式一样. 字典形式选择和索引 Series In [1]: import pandas as pd In [ ...

  5. springboot整合redis之发送手机验证码

    阿里云服务发送手机短信验证码-----(第二篇) 文章概述:springboot整合redis之发送手机验证码注册登录 注:搭建springboot项目可以参考这篇文章: 前言:短信验证码是通过发送验 ...

  6. HDC2021技术分论坛：广发证券携手HarmonyOS打造智慧金融服务

    以下文章来源于广发证券科技金融 ,作者GFS 本期我们给大家带来的是广发证券前端开发工程师黄钦佳的分享,希望能给你的HarmonyOS开发之旅带来启发~ 10月22日,华为开发者大会2021(Toge ...

  7. react native 如何用vs code 进行调试

    前言 以前做react-native 写的文章,在此分享一下. 在react-native 中有两种方式调试,一种是crome 调试,一种是本地调试,接下来介绍的是本地调试. 解决方案 在vs cod ...

  8. mysql 重新整理——索引优化explain字段介绍一 [九]

    前言 在七种介绍了explain这东西,那么具体来看下它是如何来运行的吧. 正文 id 来看一条语句:EXPLAIN select * from departments,dept_emp,employ ...

  9. 一个简单docker服务镜像的制作，手把手教你制作一个flask的docker容器服务镜像。

    OK,docker的安装就不多说了.(自己去搜吧) 下面开始讲如何制作镜像: 1.pull拉取一个centos镜像,随意拉取,可以是ubuntu sudo docker pull centos:7 2 ...

  10. javascript现代编程系列教程之X——javascript人工智能

    JavaScript 在人工智能(AI)领域的应用主要体现在以下几个方面: 浏览器端的机器学习:TensorFlow.js 是一个在浏览器中运行的 JavaScript 机器学习库,它允许开发者训练和 ...