数据填报,是 SpreadJS 纯前端表格控件的应用场景之一。SpreadJS 提供类 Excel 的数据展示与数据回填入库的 API,可满足数据填报系统的全部需求。

将 SpreadJS 与系统集成,可快速实现各类表单设计、在线填报数据、Excel 导入导出、打印报送、实时预览、数据校验、服务端数据交互等功能,通过对其二次扩展,可以将 SpreadJS 作为数据填报模块直接嵌入到 Web 系统,满足批量导入导出 Excel、大数据量填报、填报暂存、多 sheet 填报、多级上报等多场景业务需求。

类 Excel 填报模式,极易上手和使用

SpreadJS 在线表格编辑器提供与 Excel 高度类似的填报界面与使用体验,您可直接在编辑器中在线填报数据,也可将 Excel 文档导入编辑器作为原始表单模板,快速创建单页网格报表、多 Sheet 页报表、行表单、区域报表等多种模板类型,不仅保留了 Excel 的数据处理能力,还可将模板数据传输至服务端进行有效的管理和存储。

借助 SpreadJS 开放的 API 和多种填报组件,您可轻松实现数据合法性校验、数据汇总查看、在线模板设计、模板下发、双向数据绑定、填报权限管控、数据联动、版本管理等功能,大幅简化填报系统的开发难度。

丰富的组件样式,满足跨平台、大数据量填报

SpreadJS 内置的填报组件包括文本框、下拉菜单、按钮、形状、超链接、区域模板、树状图、迷你图、列表、表格、常规图表、富文本、条形码、标签、批注等。可用于设计更加复杂的报表布局和类似于纸质表单的模板效果,并可在不同平台和系统架构中,提供相似的填报体验。

在线导入、导出 Excel:内嵌多种匹配逻辑,支持公式和自定义

SpreadJS 不仅提供在线导入、导出 Excel 报表、导出 PDF 的功能,还支持多种匹配逻辑和自定义导入导出操作,如只导入数据或公式、导入固定行和不定行、将冻结行列转置为行头列头、导出自适应行高、密码保护等,为您提供更加灵活、可控的导入导出方式。

个性化的数据填报控制,满足更多实际业务需求

通过对 SpreadJS 进行二次扩展,可实现更多个性化的数据填报控制选项:如插入、删除、更新时的提交入库方式;可设定单元格在未被编辑时不提交;可自定义提交条件,可编辑提交事件;可智能添加字段、智能添加单元格、快速实现字段和单元格的绑定等。

批量导入、导出 Excel,让沉淀的历史数据继续发挥价值

通过对 SpreadJS 进行二次扩展,可实现批量导入、导出 Excel 的功能:如在不预览的情况下,同时导入、导出多张 Excel 报表;可为不同角色分配导入、导出权限;支持批量导入时填报校验。

支持离线填报,不再受限于网络

离线填报,作为数据填报的典型应用场景之一,可以让业务人员在生产环境中,随时随地随心的完成填报工作,而不受限于网络。SpreadJS 提供的桌面设计器内嵌了离线填报功能,用户可以直接将已有的 Excel 报表模板导入到填报系统中,在非网络环境下完成数据填报工作,待联网后,再进行数据提交,从而让模板创建流程更加方便。

全方位数据校验,满足数据一致性检测需求

数据校验,在复杂的分布式系统架构中显得尤为重要,SpreadJS 内置了基本数据校验与自定义校验两种方式,通过对其进行二次扩展,可满足在线校验、提交校验、JS 校验和服务端校验等多场景下的数据一致性检测需求。

智能填报暂存,有效避免数据丢失

用户在线填报数据时,可能会因误操作、网络中断、服务器宕机等突发状况,导致辛苦填写的数据,在提交时完全丢失;又或者,数据仍处于待定状态,随时需要修改,此时数据还不需要保存到数据库。以上便是填报暂存的主要应用场景,通过对 SpreadJS 进行二次扩展,可以快速实现智能填报暂存,有效避免数据因意外丢失。

多 Sheet 填报,一键完成多张表批量提交

多 Sheet 报表指的就是将每个独立的工作簿以 Tab 的形式组合到一起,方便同时进行编辑、保存、导出和批量打印,SpreadJS 提供类似 Excel 的多 Sheet 填报功能,通过对其二次扩展,可一键完成多张表批量提交。

规范录入流程,简化数据多级上报的开发难度

借助 SpreadJS 统一数据存储模型,降低数据存储的维护难度,将服务化修正为模块化设计,抽离基本模块划分,使指标和模板管理作为核心架构,实现统一标准化录入,大幅简化数据多级上报的设计步骤与开发难度。

文档、学习资源

快速入门:新手训练营

课程全程免费,专为初次接触 SpreadJS 的您而推出,可助您在 3 天内,掌握 SpreadJS 的基本功能与应用场景。