SpreadJS 纯前端表格控件应用案例：资料填报系统

[GrapeCityChina]

由达美盛研发的资料填报系统，借助 SpreadJS 纯前端表格控件提供的 API，实现了高度类似 Excel 的数据资料填报审批界面，用户可在线完成打印归档、组卷存储和分析。

下面，让我们一起来看看达美盛是如何在“资料填报系统”中应用表格技术，实现“数据填报”、打印归档和数据存储分析的。

项目背景

数据填报是专为业务的数据字段录入提供的功能，业务人员将录入的数据存放在业务库中，以便进行二次分析。SpreadJS 提供了高度类似 Excel 的数据展示功能与大量用于数据回填入库的 API，非常适合应用于开发“资料填报系统”，比如，系统中的“数据资料填报审批界面”，对 SpreadJS 的 API 二次扩展，便可直接通过预设的方式完成打印归档、组卷存储和分析。

（ SpreadJS 的数据填报界面）

项目截图

1. 通过 SpreadJS 在线表格编辑器完成模板设计

数据模块集成了 SpreadJS 的在线表格编辑器，以达到在线模板设计的需求，用户可直接使用数据模块自行设计填报模板并与数据相关联，另外，通过对 SpreadJS 二次开发，模块还集成了电子签章、工作流相关的功能，可以满足几乎所有日常业务场景。

2. 在线填报模块

借助 SpreadJS 与 Excel 的良好兼容性，可直接导入之前设计好的模板，并加载原始的数据在浏览器中进行展示。使用 SpreadJS 开发的填报模块支持在线填报和导出 PDF，可以将当前浏览器中显示的表格数据在线导出成 PDF 并保存。

表格技术带来的价值（选择表格控件 SpreadJS 的主要原因）

资料填报系统借助 SpreadJS 实现了如下功能：

1. 导出 PDF：可以将 Excel 表格文件在线导出成 PDF，并且不需要再额外安装其他插件。

2. 数据绑定：可以直接通过 SpreadJS 的数据绑定功能跟数据库或者文件中的数据进行关联，便于实时获取到相关数据。

3. 无编码模板设计器：SpreadJS 的在线表格设计器功能和操作方式非常接近 Excel，系统的最终用户无需专业培训就可以快速上手。SpreadJS 扩展性高，可以和现有的其他业务功能进行集成。

4. 良好的 Excel 兼容性：借助 SpreadJS 这一特性，可在 Excel 软件中设计表格文档，通过 SpreadJS 模板设计器，轻松导入到系统中，大幅提高了模板的复用性。

以上就是达美盛应用 SpreadJS 表格控件技术研发的“资料填报系统”案例展示，如需查看 SpreadJS 的更多应用案例或需要了解 SpreadJS 的更多功能特性，欢迎访问SpreadJS 产品官网。

关于 SpreadJS 纯前端表格控件

SpreadJS 是一款基于 HTML5 的纯前端表格控件，兼容 450 种以上的 Excel 公式，具备“高性能、跨平台、与 Excel 高度兼容”的产品特性，备受华为、苏宁易购、天弘基金、远光软件等各领域龙头企业的青睐，并被中国软件行业协会认定为“中国优秀软件产品”。SpreadJS 可为用户带来亲切、易用的使用体验，并满足 Web Excel 组件开发、表格文档协同编辑、 数据填报、 类 Excel 报表设计等业务场景，可极大降低企业研发成本和项目交付风险。