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

PageOffice 针对此需求开发了 FileMaker 组件，该组件完全符合 PageOffice 的架构设计，FileMaker 在客户端动态生成 Office 文档，并自动另存为PDF格式上传到服务器，但是不在客户端打开显示文档，看起来就好像是在服务器端直接生成的PDF文件。

FileMakerCtrl 和 PageOfficeCtrl 的区别

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

下面就以生成一份荣誉证书的效果为例，介绍一下如何使用FileMaker组件动态生成PDF文档。

  1. 需求效果：用户点击生成pdf文件按钮，执行程序把某公司信息动态填充到荣誉证书Word模板中，并另存生成为一份PDF格式的荣誉证书文件。

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

  3. 点击按钮后，执行把公司信息动态填充到Word模板中生成荣誉证书的后台代码（比如：FileMakerPDF.jsp），在服务器端文件夹下生成一份荣誉证书文件：zhengshu.pdf，文件内容如下图所示。

后端代码

  1. 在后端编写代码实现Word文档动态填充并另存为pdf（比如FileMakerPDF.jsp），关键代码如下：
// 获取id后可以根据id从数据库中查询公司信息，为简单起见，就不再演示

String id = request.getParameter("id");

FileMakerCtrl fmCtrl = new FileMakerCtrl(request);

WordDocument doc = new WordDocument();

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

doc.openDataRegion("PO_company").setValue("北京卓正志远软件有限公司");

fmCtrl.setSaveFilePage("SaveMaker.jsp");

fmCtrl.setWriter(doc);

fmCtrl.fillDocumentAsPDF("doc/template.doc", DocumentOpenType.Word, "zhengshu.pdf");
  1. 保存文件：在SaveFilePage指向的地址接口中，创建FileSaver对象保存文件。
FileSaver fs = new FileSaver(request, response);

String fileName = fs.getFileName();

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

fs.close();

前端代码

  1. 编写前端网页代码，调用执行后端生成PDF文件代码，并实现生成文件进度条的效果。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

    <title></title>

    <script type="text/javascript" src="../pageoffice.js"></script>

    <script type="text/javascript">

        function ConvertFile() {

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

            CallFileMaker({

                url: "FileMakerPDF.jsp?id=1", // FileMakerPDF.jsp 实现动态生成文件

                success: function () {

                    setProgress(100);

                },

                progress: function (pos) {

                    setProgress(pos);

                },

                error: function (msg) {

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

                }

            });

        }

        function setProgress(percent) {

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

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

            progressBar.innerText = percent + '%';

        }

    </script>

    <style>

      #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>

</head>

<body>

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

        <h3 style="margin:20px;">演示：填充数据到Word模板生成PDF文件的效果</h3>

        <input id="Button1" type="button" value="生成PDF文件" onclick="ConvertFile()"/>

        <div id="progressBarContainer">

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

        </div>

    </div>

</body>

</html>

Pageoffice6 实现后台生成单个PDF文档的更多相关文章

  1. 使用FastReport报表工具生成报表PDF文档

    在我们开发某个系统的时候,客户总会提出一些特定的报表需求,固定的报表格式符合他们的业务处理需要,也贴合他们的工作场景,因此我们尽可能做出符合他们实际需要的报表,这样我们的系统会得到更好的认同感.本篇随 ...

  2. 自动把动态的jsp页面（或静态html）生成PDF文档，并且上传至服务器

    置顶2017年11月06日 14:41:04 阅读数:2311 这几天,任务中有一个难点是把一个打印页面自动给生成PDF文档,并且上传至服务器,然而公司框架只有手动上传文档,打印时可以保存为PDF在本 ...

  3. 使用itextsharp创建PDF文档——图片集合

    文档管理系统中 ,扫描模块将文档或证件扫描后.为了便于保存多个图片,拟将多个图片生成一个PDF文档进行保存. 这里我们就需要PDF生成工具了.你可以在这里下载.PDFCreator 主要使用了开源工具 ...

  4. 使用Spire PDF for .NET将HTML转换成PDF文档

    目录 开发环境说明 Spire PDF for .NET (free edition)体验 资源下载 开发环境说明 Microsoft Visual Studio 2013 Ultimate Edit ...

  5. Java 设置PDF文档背景色

    一般生成的PDF文档默认的文档底色为白色,我们可以通过一定方法来更改文档的背景色,以达到文档美化以及保护双眼的作用. 以下内容提供了Java编程来设置PDF背景色的方法.包括: 设置纯色背景色 设置图 ...

  6. Java 设置PDF文档背景——单色背景、图片背景

    一般生成的PDF文档默认的文档底色为白色,我们可以通过一定方法来更改文档的背景色,以达到文档美化的作用. 以下内容提供了Java编程来设置PDF背景色的方法.包括2种设置方法: 设置纯色背景色 设置图 ...

  7. 使用TCPDF输出完美的中文PDF文档

    TCPDF是一个用于快速生成PDF文件的PHP5函数包.TCPDF基于FPDF进行扩展和改进.支持UTF-8,Unicode,HTML和XHTML.在基于PHP开发的Web应用中,使用它来输出PDF文 ...

  8. 使用FastReport报表工具生成标签打印文档

    在我们实际开发报表的时候,我们需要按一定的业务规则组织好报表的模板设计,让报表尽可能的贴近实际的需求,在之前的随笔中<使用FastReport报表工具生成报表PDF文档>介绍了FastRe ...

  9. 使用PHP生成PDF文档

    原文:使用PHP生成PDF文档 实际工作中,我们要使用PHP动态的创建PDF文档,目前有许多开源的PHP创建PDF的类库,今天我给大家来介绍一款优秀的PDF库,它就是TCPDF,TCPDF是一个用于快 ...

  10. (实用篇)使用PHP生成PDF文档

    http://mp.weixin.qq.com/s?__biz=MzIxMDA0OTcxNA==&mid=2654254929&idx=1&sn=8715d008d19af70 ...

随机推荐

  1. #容斥，莫比乌斯函数#洛谷 2231 [HNOI2002]跳蚤

    题目 分析 考虑公约数为\(x\)很好做,就是\(\lfloor\frac{m}{x}\rfloor^n\), 这可以用枚举约数实现容斥当然也可以用莫比乌斯函数, 答案也就是\(\sum_{d|m}\ ...

  2. skywalking源码流程

    我们已经知道skywalking的入口就是premain方法: public static void premain(String agentArgs, Instrumentation instrum ...

  3. openGauss内存引擎中的索引

    一.索引 索引是一种用于快速查询和检索数据的数据结构.常见的索引结构有: B 树, B+树和 Hash. 索引的作用就相当于目录的作用.打个比方: 我们在查字典的时候,如果没有目录,那我们就只能一页一 ...

  4. openGauss每日一练（全文检索）

    openGauss 每日一练(全文检索) 本文出处:https://www.modb.pro/db/224179 学习目标 学习 openGauss 全文检索 openGauss 提供了两种数据类型用 ...

  5. DevEco Studio 3.1 Beta新特性知多少

     原文链接:https://mp.weixin.qq.com/s/HYdNlKKA9Z51dfI1bcplDA,点击链接查看更多技术内容: DevEco Studio 3.1 Beta新特性知多少原文 ...

  6. 【5】Spring IoC介绍

    有部分 Java 开发者对 IoC(Inversion Of Control)和 DI(Dependency Injection)的概念有些混淆,认为二者是对等的. IoC 其实有两种方式,一种就是 ...

  7. HTC Vive之Unity3d开发日记——手柄交互编程

    目录:        HTC Vive之Unity3d开发日记 You can fool all the people some of the time,and some of the people ...

  8. 重新点亮shell————什么是shell[一]

    前言 这里简介一下什么是shell. 写linux和shell 系列是为了后面的docker 系列的整理,本来想直接整理k8s的,但是呢,想想docker 系列整理完了的话,那么整理k8s系列就没有那 ...

  9. mysql 必知必会整理—sql 简单语句[二]

    前言 简单整理一下sql 排序与过滤. 正文 在这里需要创建一下一个数据库实例. 为了方便直接用docker 创建一下啊,方便简洁. https://hub.docker.com/_/mysql 按照 ...

  10. el-tree选中子级时默认选中父级（角色授权）

    问题1:选中子级时默认选中父级 <el-tree :data="menuData" show-checkbox default-expand-all node-key=&qu ...