SpreadJS智慧统计平台开发案例:实现了批量导入导出、数据填报、多级上报等业务需求

智慧统计平台通过引入 SpreadJS 纯前端表格控件,实现了快速设计报表模板、类 Excel 的填报页面和 Html 的数据展示方式,系统的使用者可以像使用 Excel 一样使用智慧统计平台的报表设计功能,即节约了后期的培训时间,又显著提高了系统的使用率。

智慧统计平台通过引入

一. 企业介绍

航天信息软件技术有限公司(简称:航天信息软件)以“构建互联网时代信息化企业”为使命,致力于企业、政府、公共事业及非营利组织的信息化建设,面向企业内部管理、外部供需产业链管理、产业链集群整合管理提供全方位信息化工具与服务,是中国居于领先地位的整体信息化解决方案供应商。

二. 项目背景

智慧统计平台,是航天信息软件基于某统计局的报表填报系统项目而开发的,该平台提供了在线报表设计及分析功能,通过拖拽元数据(指标)可以快速设计各类报表样式,实现表内、表间审核公式和表内、表间计算公式等。

使用该平台,用户设计好的报表可以直接在浏览器中浏览,并完成数据录入。并且,针对用户设计好的采集表模板,还可以为其设计汇总计算公式以及公式绑定,该平台支持灵活、多维、自定义的数据汇总和计算分析,基本满足了各政务领域中国式复杂报表的设计、下发、采集、汇总、分析等全链路的工作需要,平台性能及功能均处于统计行业领先水平。

智慧统计平台可以解决的问题:

本平台旨在运用大数据技术推动“放、管、服”改革与政府数据治理,辅助数据分析工具收集、存储、管理海量数据, 实现数据部门间信息共享,为社会事务管理提供良好的公共服务,实现决策科学化、社会治理精准化、公共服务高效化的要求。

在“放、管、服”改革实践中,存在许多制度性和技术性难题需要解决,如:

1. 标准不统一:在不同的系统中,对同样含义的指标、名称、口径、类型、长度、精度等定义的属性存在差异,这将给后期的统计分析造成困难,同时还会产生统计结果不一致的现象,间接影响了政府的公信力。

2. 方式不统一:在不同的系统中,采集数据的方式并不一致,有通过报表填报的、有通过文件导入的、有通过系统对接的等等,将通过不同方式获取的数据进行统一转化,将耗费大量的成本和工作量,降低了数据的采集效率和分析时效。

3. 样式不统一:不同的部门,在所需指标基本一致的前提下,对报表的样式要求也会千差万别,因此各部门需要建立独立的系统,以满足各自的业务需求。这就产生了“重复建设、多头填报”的情况,需要大量专业的运维人员为“中国式复杂报表”提供设计工作。

4. 分析方式不一致:不同的部门,对报表的汇总要求也不一致,系统提供的指标无法及时响应业务人员对新增指标的需求,即席分析工具又不适用于没有技术背景的业务人员使用。

为解决上述问题,本平台在前期设计过程中便充分考虑了各政务部门的数据使用特点,形成统一的方法论,建立了集指标定义、报表设计、报表采集、数据汇总、数据分析于一体的综合数据管理平台,即智慧统计平台:

1. 用户使用元数据模块可以依照国家、省、市下发的元数据标准或者派生的元数据标准为制度、指标、方法、分组、目录等元数据进行定义。
2. 通过报表设计模块对定义好的元数据进行引用,通过简单的拖拽形成复杂的报表样式,并支持对计算公式、审核公式、校验公式的添加。
3. 通过数据采集模块对数据进行采集,支持文件数据的导入、报表数据的采集(提供多级审核和验收流程)、接口数据的采集等。
4. 通过数据汇总模块,支持用户自定义汇总表,满足单表、跨表、主子表、变长表以及跨报告期的数据汇总需求。

三. 系统架构图和流程图

SpreadJS智慧统计平台开发案例:实现了批量导入导出、数据填报、多级上报等业务需求

(系统架构图)

SpreadJS智慧统计平台开发案例:实现了批量导入导出、数据填报、多级上报等业务需求

(系统流程图)

四. 项目截图

本平台基于 纯前端表格控件 SpreadJS 进行二次开发,并借助 SpreadJS 的在线表格编辑器设计报表模板,如下图:左侧为元数据,分为指标、分组、目录、计量单位四种类型;中间部分为子表树,子表树又分为主栏和宾栏两种,用户可以添加多个子表树。

系统使用方式:直接拖拽元数据到 SpreadJS 表格编辑器,会生成标题和下划线类型的输入框,输入框的位置会自动合并单元格。用户可以选中输入框,再选择单元格类型切换输入值的类型。与此同时,系统还基于 SpreadJS 提供的单元格类型进行了重写,包括:下划线、不连续方框、连续方框、下拉框、复选框、复选择列表、单选框列表等。

SpreadJS智慧统计平台开发案例:实现了批量导入导出、数据填报、多级上报等业务需求

平台中的主栏和宾栏分别对应二维表格的行与列,拖动最左侧的元数据到子表树的主栏和宾栏,再选择中间的子表 1 拖动到 SpreadJS 表格编辑器后,生成如下图所示的二维表格(表头可能会有多行,这是跟据宾栏的层次进行显示的,最左侧的列对应于主栏,主栏树如果有多个层级,二维表格的最一列也会分级显示)。

SpreadJS智慧统计平台开发案例:实现了批量导入导出、数据填报、多级上报等业务需求

在绘制好模板之后,用户通过点击保存模板,会把模板对应的 json 数据传入后台,在后台进行模板数据的保存,在保存模板时会自动创建存放模板数据的数据表。

SpreadJS智慧统计平台开发案例:实现了批量导入导出、数据填报、多级上报等业务需求

当用户设计好模板之后,可以自定义计算公式。左侧菜单栏上包含常用的运算符,左侧中部包含了多种函数,用户可以在公式编辑框中编辑公式。

系统使用方式:当用户双击公式时,可以把公式带入公式编辑框中,当用户双击单元格后,可以把对应的行列信息带入公式编辑框中,便于编辑公式。

SpreadJS智慧统计平台开发案例:实现了批量导入导出、数据填报、多级上报等业务需求

当用户完成填报后,平台会提供网页形式的填报页面,此时,用户可以点击的地方只有可编辑和输入的地方,这样是为了便于用户进行填报操作。

SpreadJS智慧统计平台开发案例:实现了批量导入导出、数据填报、多级上报等业务需求

五. 选择表格控件 SpreadJS 的主要原因

  1. 纯前端组件、跨平台应用嵌入:使用 SpreadJS 的功能,无需预装任何插件或第三方应用软件,可以原生的方式嵌入各类应用,与各类后端技术框架相结合,支持跨平台开发。
  2. 在线导入、导出Excel(xlsx):无需任何后台代码和第三方组件!SpreadJS 可直接在浏览器中完成 Excel、CSV、JSON 等文件的导入导出、PDF 导出、打印及预览操作
  3. 业界领先的 Excel 兼容度:SpreadJS 支持 53 项单元格格式、18 种条件格式、32 种图表,可于 Web系统中轻松嵌入类Excel模块,实现如 Excel 般的数据分析和交互
  4. 极高的处理性能和响应速度:SpreadJS 使用稀疏数组(Sparse Array)作为数据存储结构,用 HTML5 图形(Canvas)绘制界面,可提供流畅的交互体验和出色的性能,并最大化节省存储空间。
  5. 一流的框架支持及二次扩展能力:基于原生 JavaScript,SpreadJS 全面兼容 Angular、 React、 Vue、TypeScript、Breeze 等前端开发框架,符合 UMD 规范,可按需加载,易于在 VSCode 中使用。
  6. 强大的公式计算引擎:SpreadJS 兼容 450 种以上的 Excel 公式函数,内置高效、可扩展的计算引擎,满足用户自定义公式、跨表格引用等多场景下的计算需求,轻松实现数据聚合,让有效数据不断完善

为庆祝成立17周年。我们推出购正版送上万豪礼活动,界面开发工具正版授权最高直降10000+元 ,SpreadJS正版授权低至3490元!欢迎咨询在线客服了解详情!

标签:

来源:慧都

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2020年11月19日
下一篇 2020年11月19日

相关推荐

发表回复

登录后才能评论