在实际项目中经常遇到这样的场景，客户希望后台动态生成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. #网络流,最小割#洛谷 1344 [USACO4.4]追查坏牛奶Pollutant Control

    题目 分析 考虑答案求的是最小割,但是最小割的最小边数有点难求, 考虑建立双关键字,其实就是将边权赋值为原边权\(*mx+1\), 其中\(mx\)是一个比较大的数,不需要太大, 这样用网络流做之后对 ...

  2. 【直播回顾】OpenHarmony知识赋能五期第三课——多媒体整体介绍

    5月5日晚上19点,知识赋能第五期第三节课<OpenHarmony标准系统多媒体子系统整体介绍>,在OpenHarmony开发者成长计划社群内成功举行. 本期课程,由深开鸿资深技术专家郭岳 ...

  3. SQL FULL OUTER JOIN 关键字：左右表中所有记录的全连接解析

    SQL RIGHT JOIN关键字 SQL RIGHT JOIN关键字返回右表(table2)中的所有记录以及左表(table1)中的匹配记录.如果没有匹配,则左侧的结果为0条记录. RIGHT JO ...

  4. mupdf实用操作demo，C++操作PDF文件

    前文: 最近有个项目,需要读写PDF,本来想着挺简单的,读写PDF有那么多的库可以使用,唰唰的就完成了. 忘记了我写C++的,还是在国产系统上开发的. 所以一般的东西还不好使,因为项目需要在多个架构的 ...

  5. Python制作词云--stylecloud简单使用

    安装 pip install stylecloud 使用 from stylecloud import gen_stylecloud gen_stylecloud('zhangsan lisi wan ...

  6. docker 应用篇————es[八]

    前言 简单介绍一下es镜像. 正文 首先安装一下: elasticSearch. 启动一下: 然后就可以访问了. 使用一下docker stats 然后你就发现了这个docker 容器启动的时候要1. ...

  7. Web前端 -- NPM包管理器

    初始化: #建立一个空文件夹,在命令提示符进入该文件夹 执行命令初始化 npm init #按照提示输入相关信息,如果是用默认值则直接回车即可. #name: 项目名称 #version: 项目版本号 ...

  8. 《c#高级编程》第2章C#2.0中的更改（三）——迭代器

    一.概念 C#迭代器(Iterator)是一种特殊类型的方法,它使得在使用循环遍历数据集合时更加简单和有效.使用迭代器可以通过简单地定义迭代器方法来自动实现枚举器模式. 当您需要访问一个数据集合中的每 ...

  9. 【Oracle笔记】递归以及索引的一丢丢使用

    [笔记]递归以及索引的一丢丢使用 递归写法,树查询 connect by nocycle prior START WITH XXX CONNECT BY PRIOR XXX ORDER BY XXX ...

  10. three.js使用Instanced Draw+Frustum Cull+LOD来渲染大场景（开源）

    大家好,本文使用three.js实现了渲染大场景,在移动端也有较好的性能,并给出了代码,分析了关键点,感谢大家~ 关键词:three.js.Instanced Draw.大场景.LOD.Frustum ...