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

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

(借助 SpreadJS 可实现填报系统的全部需求)

常见技术难点

填报系统的易用性问题

  • 业务人员更习惯 Excel 的操作模式
  • 无法在线填报,缺乏必要的流程管控
  • 不兼容 Excel 数据格式、公式和图表
  • 不支持在线导入、导出Excel 文档
  • 系统使用门槛高,需要专门培训

组件功能与二次扩展能力

  • 组件样式单一,无法设计复杂布局
  • 不提供数据绑定和数据校验功能
  • 数据填报组件缺乏,无法二次扩展
  • 不可嵌入各类系统及技术框架中
  • 无法跨平台在线使用,需要预装环境

数据迁移成本与后期维护难度

  • 需要将大量 Excel 文档迁移至线上
  • 功能升级需要开发人员介入
  • 业务人员无法自行设计表单并发布
  • 系统升级无法保证向前、向后兼容
  • 产品售后能力不足,无法解决问题

SpreadJS 用于开发数据填报系统的优势

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

SpreadJS 支持在线、离线填报数据,通过扩展其 API,可轻松实现数据合法性校验、汇总、在线设计、模板下发、数据绑定、权限管控、数据联动、版本管理等功能,大幅简化填报系统的开发难度。

在线导入、导出Excel:内嵌多种匹配逻辑,支持报表元素内联动

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

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

SpreadJS 内置丰富的填报组件,如文本框、下拉菜单、区域模板、按钮、形状、树状图、迷你图、批注等,可用于设计复杂的报表布局和类似纸质表单的模板效果,并可在不同平台中,提供相似的填报体验。

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

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

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

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

支持离线填报,让数据录入更加灵活

SpreadJS 不仅支持在线填报,还支持离线填报,可以让业务人员在生产环境中,直接将已有的 Excel 报表模板导入到填报系统,在非网络环境下完成数据填报,待联网后再提交数据,从而让模板创建流程更为便捷。

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

SpreadJS 内置了基本数据校验与自定义校验两种方式,通过对其二次扩展,可满足在线校验、提交校验、JS 校验和服务端校验等多场景下的数据一致性检测需求。

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

对 SpreadJS 二次扩展,可以实现数据填报暂存功能,避免用户在线填报数据时,因误操作、网络中断、服务器宕机等突发状况,而导致的数据丢失问题。

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

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

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

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

SpreadJS 实现数据填报的核心功能

  • 易用的填报体验

    兼容 Excel 文档格式,高度类似 Excel 的填报界面,无使用门槛。

  • 单元格级别的数据绑定

    数据实时汇总,内置单元格级别的权限控制和数据绑定机制。

  • 数量丰富的组件样式

    20 余种填报组件,可自由设计布局,满足多场景下的填报需求。

  • 支持多框架、多终端、多浏览器

    依据 HTML5 标准,支持所有的主流浏览器,无需预装第三方插件。

  • 在线导入导出、支持报表内联动

    导入导出无需第三方组件,导出选项保留各元素联动状态。

  • 开放的 API 和二次扩展能力

    调用数据校验、公式、图表等 API,二次扩展,可快速开发填报系统。

数据填报系统的典型案例

华为

华为

项目简介:华为在全球范围内承载了大量的基站建设,所有的基站建设从开始到结束,现场人员都需要使用 Excel 来保存一份勘验报告,这份报告中会记录现场所有资料,包括基站的位置、机房设施、所用设备的数量参数、设计报告、电力、卫星型号等,现场的工程师一般使用 Excel 中的形状和图片来预设基站的建设方案。

案例描述:基于 SpreadJS 开发的 eSurvey 平台,承载了华为全球业务(基站)的规划勘察设计任务,借助 SpreadJS 在线Excel 的特性,华为将原来使用 Excel 文件作为设计方案的方式升级为在线填报平台,不仅解决了模板不统一、用料数据不一致、文件难以管理的问题,还保留了 Excel 的数据填写能力,让所有模板和数据均可在服务器中存储并管理。

SpreadJS 的价值:

  • 提供与 Excel 软件兼容的操作环境和使用体验,让一线人员无需再次学习,即可平滑的迁移到新系统中
  • 支持导入原有的勘验报告模板,充分利用此前积累的经验和价值 
  • 在线系统让数据校验、收集、分析变得异常简单,减少多部门之间沟通,提高效率
华融科技

华融科技

项目简介:在金融行业,应对大量数据上报和指标收集的业务场景,传统的方式有两种:1. 用 Excel 设计填报模板,然后层层下发逐级汇总。由于这种方式无法很好控制填报过程,收集的数据质量难以保证,人工成本高,收集周期长,已不再流行。2. 自研填报系统。这种方式虽然能解决数据汇总、填写控制的问题,但因为传统的填报功能需要开发人员介入,随着需求变更和填报要求的改变,自研系统会因为无法及时响应需求变化,难以在企业中大范围推广使用。

案例描述:由华融科技推出的指标补录系统,很好的解决了传统方式中数据收集填报的诸多痛点。系统统一了管理模板的设计和制定,将 SpreadJS 的在线表格编辑器嵌入系统,构建了填报模板的设计模块,允许用户在线设计填报模板,并且在模板中直接指定指标入库位置、数据校验规则和权限管控。无需开发人员介入,业务可自主设计并发布,并支持从 Excel 中导入模板,大幅简化了数据绑定、数据校验、公式计算等操作。

北京三维天地

北京三维天地

项目简介:北京三维天地是 LIMS 系统(实验室管理系统)的提供商,国内的可口可乐、中石油、食品药品监督总局均为其客户。实验报告的设计和产生,对于实验室的日常工作来说既是痛点,也是难点,其具体表现为:实验模板难以复用,而新模板的设计速度却不足;数据填写的准确性难以保证,完全取决于填写人的认真程度;实验数据难以汇总,无法进行后续分析。

案例描述:为应对上述难点,北京三维天地推出了基于 SpreadJS 的报告模板设计模块,模块充分利用了 SpreadJS 的数据绑定和异步函数功能,只需在模板中设定绑定字段,系统后台将自动渲染数据到最终的实验报告中,并在后端实时校验,即保证了填写数据的准确性,又提高实验人员的报告完成效率,将原本难以管理和效率低下的实验报告设计、填报、收集过程变得异常简单。

华闽通达

华闽通达

项目简介:华闽通达是国内公路项目建设管理解决方案的领先供应商,其推出的 R 平台为新一代信息系统业务自定义规则化配置开发的专业平台。R 平台采用了面向业务人员的开发模式,结合现代工业“流水线装配”的生产理念,提供大量构件,助力客户项目快速搭建。

案例描述:R 平台借助 SpreadJS 提供的类 Excel 模板定制、数据绑定和在线打印等功能,完成了各类报表单据的在线设计、在线填报及打印报送,实现特点是填报、预览、打印界面均在同一个表格内完成,这样做即提高了系统易用性,也节约了后期维护成本。

试用 SpreadJS 纯前端表格控件

立即下载

更多 SpreadJS 产品信息

类 Excel 全栈解决方案

SpreadJS + GcExcel,实现在线填报与服务端批量导出与打印。

用户案例

借鉴 SpreadJS 的典型案例,加速在线填报、Lims、税务台账系统的交付。

培训与咨询服务

根据您的业务需求,派遣工程师驻扎项目现场,与您共同制定技术实施方案。

相关产品推荐