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

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

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

一、案例名称：北京达美盛 - 资料填报系统

二、企业介绍

北京达美盛软件股份有限公司（以下简称“达美盛”，股票代码：430311）是一家跨平台资产全寿期数据管理（ALIM）平台提供商，致力于通过自主可视化、轻量化核心技术，基于工程和运维一体化数据，为客户构建“数字孪生(Digital Twin)”，打造全寿期资产管理与价值提升解决方案。

三、项目背景

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