摘要：本文由葡萄城技术团队于博客园原创并首发。转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。

PDF文档的打印在很多应用场景中都会被使用到，最为常见的就是实验室信息管理的应用场景，期间涉及到大量的报告呈现及打印的需求。

LIMS背景介绍

实验室信息管理系统（Laboratory Information Management System 英文缩写LIMS）是将以数据库为核心的信息化技术与实验室管理需求相结合的信息化管理工具。以ISO/IEC17025:2017 CNAS-CL01《检测和校准实验室能力的通用要求》（国标为GB/T 27025:2008）规范为基础，结合网络化技术，将实验室的业务流程和一切资源以及行政管理等以合理方式进行管理。

LIMS系统需求及解决思路

在LIMS系统构建的过程中，实验模板设计、实验数据填报、导出完整的PDF实验报告并且实现检测过程无纸化、系统化，检测报告电子化是LIMS系统的主要需求。那么如何快速又高质量的输出PDF实验报告呢？

借助SpreadJS表格技术及GcExcel仅仅需要三步就可以完成整个功能的开发：

  1. 将SpreadJS集成到系统中，快速实现数据的在线录入
  2. 在系统中配置导出PDF文档所需要的参数
  3. 通过GcExcel将实验报告导出为PDF文件

具体的操作步骤

  1. 用SpreadJS完成实现模板设计和实验数据填报

利用SpreadJS的在线表格编辑器，实验人员就可以通过类Excel的操作完成实验报告的设计。

通过以下代码就可以将SpreadJS快速集成到现有的系统中：

创建一个JavaScript应用程序：

注意 SpreadJS是无依赖的，仅仅需要以下文件： gc.spread.sheets.xx.x.x.css, gc.spread.sheets.all.xx.x.x.min.js即可.

<!DOCTYPE html><html lang="zh"><head>

<meta charset="utf-8" \>

<script src="gc.spread.sheets.all.xx.x.x.min.js"><link rel="stylesheet" href="gc.spread.sheets.xx.x.x.css"type="text/css"\><head\>

<body\><body\></html\>

添加SpreadJS容器元素 - 在页面的body元素中添加一个DOM元素作为它的容器。

<div id="ss">\</div\>

//初始化SpreadJS JavaScript控件。 - SpreadJS控件通过使用new GC.Spread.Sheets.Workbook(document.getElementById('ss'), { sheetCount: 1 })来进行初始化。

window.onload = function () {// Initialize a workbookvar workbook = new GC.Spread.Sheets.Workbook(document.getElementById('ss'), { sheetCount: 1 });// get workbook object// var workbook = GC.Spread.Sheets.findControl(document.getElementById('ss'));

};

在完成嵌入之后，通过SpreadJS的数据绑定的功能，某些默认数据可以从数据库加载，显示到实验模板中，实验人员填报的实验数据也可以通过数据绑定轻松获取到

  1. 用SpreadJS完成导出PDF（打印）的配置

使用SpreadJS的在线表格编辑器可以完成导出PDF的配置，可配置导出区域，重复区域，页眉，页脚，水印等，对导出PDF报告进行自定义。

  1. 用GCExcel将实验报告导出

在SpreadJS中完成模板设计，实验数据填报，以及各种打印配置后，可以将整个实验模板文件导出为一个json，发给后端，后端就可以用GCExcel加载，GCExcel可以完美兼容SpreadJS的特性，在SpreadJS中对模板的配置，以及对导出的PDF的配置，在GCExcel中都完美兼容，当然也可以在GCExcel完成对模板的配置以及PDF导出的配置。

Java Workbook workbook = new Workbook(); //打开SpreadJS导出的模板 workbook.open("template.ssjson");  // 导出PDF配置  PdfSaveOptions pdfSaveOptions = new PdfSaveOptions(); // 配置支持换行缩小  pdfSaveOptions.getShrinkToFitSettings().setCanShrinkToFitWrappedText(true);  // 导出PDF  workbook.save("ExportPdf.pdf");

至此，就完成PDF文档的打印。

使用SpreadJS和GCExcel搭建LIMS系统的优势

  1. SpreadJS能够帮助LIMS系统快速实现数据的绑定功能，实现数据自动提取，如委托单位信息、例行监测任务等首次录入后可直接调用，且支持调用历史任务时对监测项目进行修改并生成新的任务单，无须重复录入，大大减少了人工成本和降低出错率。
  2. 使用 SpreadJS 设计模板，系统获取仪器测试数据后填入原始记录单（预置计算公式、修约等）可直接生成 Excel 记录表，通过选择报告模板生成完整的监测报告，全过程无需手写原始记录，无需反复录入监测数据，方便快捷，准确率高。
  3. SpreadJS 提供权限控制的方法，可以规范修改流程，严格控制报告修改。
  4. 使用Spread可以对导出的PDF进行精确配置。
  5. GCExcel完美兼容SpreadJS特性，在后端批量导出完整的PDF实验报告，既美观又高效。

扩展链接：

项目实战：在线报价采购系统（React +SpreadJS+Echarts）

Spring Boot框架下实现Excel服务端导入导出

如何快速又高质量的输出PDF实验报告？的更多相关文章

  1. (转)用AGG实现高质量图形输出（二）

    本文上接<用AGG实现高质量图形输出(一)>,分别介绍了AGG显示流程中的各个环节. 上次讲了AGG的显示原理并举了一个简单的例子,这一篇文章开始讲AGG工作流程里的每个环节.为了方便对照 ...

  2. matplotlib简介-高质量图形输出

    Matplotlib 是一个用来绘制二维图形的 Python 模块,它克隆了许多 Matlab 中的函数, 用以帮助 Python 用户轻松获得高质量(达到出版水平)的二维图形. 文章来源:http: ...

  3. 采用Unity快速开发高质量游戏的若干优化建议

    http://files.cnblogs.com/123ing/%E9%87%87%E7%94%A8Unity%E5%BF%AB%E9%80%9F%E5%BC%80%E5%8F%91%E9%AB%98 ...

  4. (转)用AGG实现高质量图形输出（四）

    AGG的字符输出 字符输出,对于AGG来说,这个功能可以处于显示流程的 不同位置.比如字体引擎可直接处于“Scanline Rasterizer”层向渲染器提供已处理完毕的扫描线,也可以处于“Vert ...

  5. (转)用AGG实现高质量图形输出(三)

    转自 :http://www.cnblogs.com/CoolJie/archive/2011/04/27/2030260.html 线段生成器(Span Generator) 我们前面举的例子使用的 ...

  6. (转)用AGG实现高质量图形输出（一）

    AGG是一个开源.高效的跨平台2D图形库.AGG的功能与GDI+的功能非常类似,但提供了比GDI+更灵活的编程接口,其产生的图形的质量也非常高(自称超过GDI+) 使用前AGG的准备工作 下载AGG库 ...

  7. R语言绘图高质量输出

    R语言通过支持Cairo矢量图形处理的类库,可以创建高质量的矢量图形(PDF,PostScript,SVG) 和 位图(PNG,JPEG, TIFF),同时支持在后台程序中高质量渲染.在ggplot2 ...

  8. R语言的高质量图形渲染库Cairo（转）

    前言 R语言不仅在统计分析,数据挖掘领域,计算能力强大.在数据可视化上,也不逊于昂贵的商业.当然,背后离不开各种开源软件包的支持,Cairo就是这样一个用于矢量图形处理的类库. Cairo可以创建高质 ...

  9. SWF在线绘本批量制作高质量PDF的新方法（重点在批量制作）

    SWF在线绘本批量制作高质量PDF的新方法(重点在批量制作) 2012-12-21  未来决定...       http://www.ebama.net/thread-107643-1-1.html ...

  10. 编写高质量代码改善C#程序的157个建议——建议13： 为类型输出格式化字符串

    建议13: 为类型输出格式化字符串 有两种方法可以为类型提供格式化的字符串输出.一种是意识到类型会产生格式化字符串输出,于是让类型继承接口IFormattable.这对类型来 说,是一种主动实现的方式 ...

随机推荐

  1. Mac + IOS + Safari 抓取网络请求

    第一步:打开苹果手机 设置>Safari浏览器>高级>网页检查器 第二步:打开 Mac 上的Safari浏览器>偏好设置>高级>在菜单栏中显示"开发&qu ...

  2. ES6 新增的一些特性

    还有symbol和set,map, bind,call,apply 1. let关键字 (1)基本用法:let关键字用来声明变量,它的用法类似于var,都是用来声明变量. (2)块级作用域:let声明 ...

  3. day09-达人探店

    功能04-达人探店 5.功能04-达人探店 5.1发布&查看探店笔记 5.1.1发布探店笔记 探店笔记类似点评网站的评价,往往是图文结合.对应的表有两个: tb_blog:探店笔记表,包含笔记 ...

  4. Protobuf: 高效数据传输的秘密武器

    当涉及到网络通信和数据存储时,数据序列化一直都是一个重要的话题:特别是现在很多公司都在推行微服务,数据序列化更是重中之重,通常会选择使用 JSON 作为数据交换格式,且 JSON 已经成为业界的主流. ...

  5. 2021-05-09：给定数组hard和money，长度都为N；hard[i]表示i号的难度， money[i]表示i号工作的收入；给定数组ability，长度都为M，ability[j]表示j号人的

    2021-05-09:给定数组hard和money,长度都为N:hard[i]表示i号的难度, money[i]表示i号工作的收入:给定数组ability,长度都为M,ability[j]表示j号人的 ...

  6. 2022-01-21：完美矩形。 给你一个数组 rectangles ，其中 rectangles[i] = [xi, yi, ai, bi] 表示一个坐标轴平行的矩形。这个矩形的左下顶点是 (xi,

    2022-01-21:完美矩形. 给你一个数组 rectangles ,其中 rectangles[i] = [xi, yi, ai, bi] 表示一个坐标轴平行的矩形.这个矩形的左下顶点是 (xi, ...

  7. 2021-10-24：快乐数。编写一个算法来判断一个数 n 是不是快乐数。「快乐数」定义为：对于一个正整数，每一次将该数替换为它每个位置上的数字的平方和。然后重复这个过程直到这个数变为 1，也可能是

    2021-10-24:快乐数.编写一个算法来判断一个数 n 是不是快乐数.「快乐数」定义为:对于一个正整数,每一次将该数替换为它每个位置上的数字的平方和.然后重复这个过程直到这个数变为 1,也可能是 ...

  8. docker安装es和kibana，单机模式

    操作系统:mac系统 1.安装es docker pull elasticsearch:7.14.0 docker run --name es -p 9200:9200 -p 9300:9300 -e ...

  9. F对象和Q对象

    F对象 批量计算 Q对象,与或非

  10. Spring源码：Bean生命周期（五）

    前言 在上一篇文章中,我们深入探讨了 Spring 框架中 Bean 的实例化过程,该过程包括从 Bean 定义中加载当前类.寻找所有实现了 InstantiationAwareBeanPostPro ...