Pageoffice6 实现后台批量转PDF文档

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

如果只是需要批量转PDF文件,那么也可以使用PageOffice提供的FileMaker组件来实现,与“后台批量生成PDF文档”不同的地方仅是:批量转PDF文件不需要WordDocument对象动态填充数据的代码。所以批量转PDF文件也只需两步即可实现:

如果只是需要批量转PDF文件,那么也可以使用PageOffice提供的FileMaker组件来实现,与“后台批量生成PDF文档”不同的地方仅是:批量转PDF文件不需要WordDocument对象动态填充数据的代码。所以批量转PDF文件也只需两步即可实现:

  1. 调用FileMakerCtrl对象的fillDocumentAsPDF方法实现Word转PDF功能,比如Convert.jsp中调用了此代码;
fmCtrl.fillDocumentAsPDF("doc01.doc", DocumentOpenType.Word, "doc01.pdf");
  1. 调用PageOffice提供的jsCallFileMaker函数,递归执行Convert.jsp实现批量转PDF文件功能,比如执行下面的ConvertFiles(),递归调用ConvertFile函数,把ids数组中包含的所有Word文件转为pdf。
var ids = [1, 2, 3, 5]; //比如这是Word文件在数据库中的id

function ConvertFiles() {
	ConvertFile(ids, 0); 
}

function ConvertFile(idArr, index) {
	CallFileMaker({
		url: "Convert.jsp?id="+idArr[index], //把指定id的word文件转pdf
		success: function () {
			console.log("completed successfully.");
			index++;

			if(index < idArr.length){
				ConvertFile(idArr, index);
			} 
		},
		progress: function (pos) {
			console.log("running "+pos+"%");
		},
		error: function (msg) {
			console.log("error occurred: "+msg);
		}
	});
}

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

后端代码

  1. 调用FileMakerCtrl对象实现Word转pdf,比如Convert.jsp,代码如下:
String id = request.getParameter("id").trim();
String docName = "doc0" + id + ".doc";
String pdfName = "doc0" + id + ".pdf";

FileMakerCtrl fmCtrl = new FileMakerCtrl(request);
fmCtrl.setSaveFilePage("SaveFile.jsp");
fmCtrl.fillDocumentAsPDF("doc/" + docName, DocumentOpenType.Word, pdfName);
  1. Word转pdf后,在SaveFilePage属性指向的地址接口中处理文件保存的后台代码,比如SaveFile.js的代码如下:
FileSaver fs = new FileSaver(request, response);
fs.saveToFile(request.getSession().getServletContext().getRealPath("FileMakerConvertPDFs/doc/"+ fs.getFileName()));
fs.close();

前端代码

调用PageOffice提供的jsCallFileMaker函数,递归执行Convert.jsp实现批量转PDF文件功能的前端页面代码,如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <title></title>
	<style>
		table{
			border:solid 1px #ccc; 
			width: 600px;
			margin:20px;
		}
		th{
			border-bottom:
			solid 1px #ccc;
			text-align:left;
			padding: 5px;
		}
		td{
			padding: 5px;
		}
	</style>
	<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>
	<script type="text/javascript" src="../pageoffice.js"></script>
    <script type="text/javascript">
        var checkit = true;
        function selectall() {
            if (checkit) {
                var obj = document.all.check;
                for (var i = 0; i < obj.length; i++) {
                    obj[i].checked = true;
                    checkit = false;
                }
            } else {
                var obj = document.all.check;
                for (var i = 0; i < obj.length; i++) {
                    obj[i].checked = false;
                    checkit = true;
                }
            }
        }

		function ConvertFiles() {
			var ids = []; //存储用户勾选的文档id
			var checkboxes = document.getElementsByName('check');
			
			for (var i = 0; i < checkboxes.length; i++) {  
				if (checkboxes[i].checked) { 
					ids.push(checkboxes[i].value);  
				}  
			}  
			
			if(0 == ids.length){
				alert('请至少选择一个文档');
				return;
			}
			
			document.getElementById("Button1").disabled = true;
			ConvertFile(ids, 0);
		}
		
		function ConvertFile(idArr, index) {
            CallFileMaker({
                url: "Convert.jsp?id="+idArr[index], //把指定id的word文件转pdf
                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>
</head>
<body>
<div style="margin:100px" align="center">
	<h2>演示:批量转PDF</h2>
	<table id="table1" >
		<tr >
			<th><input name="checkAll" type="checkbox" onclick="selectall()"/></td>
			<th>序号</td>
			<th>文件名</td>
			<th>操作</td>
		</tr>
		<tr>
			<td><input name="check" type="checkbox" value="1"/></td>
			<td>01</td>
			<td>PageOffice产品简介</td>
			<td><a href="javascript:POBrowser.openWindow('Edit.jsp?id=1','width=1150px;height=800px;');">编辑</a></td>
		</tr>
		<tr>
			<td><input name="check" type="checkbox" value="2"/></td>
			<td>02</td>
			<td>PageOffice产品安装步骤</td>
			<td><a href="javascript:POBrowser.openWindow('Edit.jsp?id=2','width=1150px;height=800px;');">编辑</a></td>
		</tr>
		<tr>
			<td><input name="check" type="checkbox" value="3"/></td>
			<td>03</td>
			<td>PageOffice产品应用领域</td>
			<td><a href="javascript:POBrowser.openWindow('Edit.jsp?id=3','width=1150px;height=800px;');">编辑</a></td>
		</tr>
		<tr>
			<td><input name="check" type="checkbox" value="4"/></td>
			<td>04</td>
			<td>PageOffice产品对环境的要求</td>
			<td><a href="javascript:POBrowser.openWindow('Edit.jsp?id=4','width=1150px;height=800px;');">编辑</a></td>
		</tr>
	</table>
	<input type="button" id="Button1" value="批量转换PDF文档" onclick="ConvertFiles()"/>
	<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>

参考链接:批量转PDF文件

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章