SpreadJS 纯前端表格控件应用案例：智慧统计平台
由航天信息软件研发的智慧统计平台，基于某统计局的报表填报系统项目而开发的，通过嵌入纯前端表格控件SpreadJS，该平台实现了在线报表设计及分析功能，通过拖拽元数据（指标）可以快速设计各类报表样式，实现表内、表间审核公式和表内、表间计算公式等。下面，让我们一起来看看航天信息软件是如何在“智慧统计平台”中应用表格技术，实现 “数据填报”、海量数据处理与信息共享的。
案例名称：航天信息软件 - 智慧统计平台
企业介绍
航天信息软件技术有限公司（简称：航天信息软件）以“构建互联网时代信息化企业”为使命，致力于企业、政府、公共事业及非营利组织的信息化建设，面向企业内部管理、外部供需产业链管理、产业链集群整合管理提供全方位信息化工具与服务，是中国居于领先地位的整体信息化解决方案供应商。
项目背景
智慧统计平台，是航天信息软件基于某统计局的报表填报系统项目而开发的，该平台提供了在线报表设计及分析功能，通过拖拽元数据（指标）可以快速设计各类报表样式，实现表内、表间审核公式和表内、表间计算公式等。
使用该平台，用户设计好的报表可以直接在浏览器中浏览，并完成数据录入。并且，针对用户设计好的采集表模板，还可以为其设计汇总计算公式以及公式绑定，该平台支持灵活、多维、自定义的数据汇总和计算分析，基本满足了各政务领域中国式复杂报表的设计、下发、采集、汇总、分析等全链路的工作需要，平台性能及功能均处于统计行业领先水平。
智慧统计平台可以解决的问题：本平台旨在运用大数据技术推动“放、管、服”改革与政府数据治理，辅助数据分析工具收集、存储、管理海量数据， 实现数据部门间信息共享，为社会事务管理提供良好的公共服务，实现决策科学化、社会治理精准化、公共服务高效化的要求。
在“放、管、服”改革实践中，存在许多制度性和技术性难题需要解决，如：
[*]标准不统一：在不同的系统中，对同样含义的指标、名称、口径、类型、长度、精度等定义的属性存在差异，这将给后期的统计分析造成困难，同时还会产生统计结果不一致的现象，间接影响了政府的公信力。
[*]方式不统一：在不同的系统中，采集数据的方式并不一致，有通过报表填报的、有通过文件导入的、有通过系统对接的等等，将通过不同方式获取的数据进行统一转化，将耗费大量的成本和工作量，降低了数据的采集效率和分析时效。
[*]样式不统一：不同的部门，在所需指标基本一致的前提下，对报表的样式要求也会千差万别，因此各部门需要建立独立的系统，以满足各自的业务需求。这就产生了“重复建设、多头填报”的情况，需要大量专业的运维人员为“中国式复杂报表”提供设计工作。
[*]分析方式不一致：不同的部门，对报表的汇总要求也不一致，系统提供的指标无法及时响应业务人员对新增指标的需求，即席分析工具又不适用于没有技术背景的业务人员使用。
为解决上述问题，本平台在前期设计过程中便充分考虑了各政务部门的数据使用特点，形成统一的方法论，建立了集指标定义、报表设计、报表采集、数据汇总、数据分析于一体的综合数据管理平台，即智慧统计平台：
[*]用户使用元数据模块可以依照国家、省、市下发的元数据标准或者派生的元数据标准为制度、指标、方法、分组、目录等元数据进行定义。
[*]通过报表设计模块对定义好的元数据进行引用，通过简单的拖拽形成复杂的报表样式，并支持对计算公式、审核公式、校验公式的添加。
[*]通过数据采集模块对数据进行采集，支持文件数据的导入、报表数据的采集（提供多级审核和验收流程）、接口数据的采集等。
[*]通过数据汇总模块，支持用户自定义汇总表，满足单表、跨表、主子表、变长表以及跨报告期的数据汇总需求。
系统架构图和流程图http://xa-pbd-iris:82/images/metalsmith/developer/casestudies/casestudies-htxxrj/pic01.png（系统架构图）
file:///C:/Users/willieji/AppData/Local/Temp/msohtmlclip1/01/clip_image006.gifhttp://xa-pbd-iris:82/images/metalsmith/developer/casestudies/casestudies-htxxrj/pic02.png
（系统流程图）
项目截图 本平台基于纯前端表格控件SpreadJS进行二次开发，并借助SpreadJS的在线表格编辑器设计报表模板，如下图：左侧为元数据，分为指标、分组、目录、计量单位四种类型；中间部分为子表树，子表树又分为主栏和宾栏两种，用户可以添加多个子表树。
系统使用方式：直接拖拽元数据到SpreadJS表格编辑器，会生成标题和下划线类型的输入框，输入框的位置会自动合并单元格。用户可以选中输入框，再选择单元格类型切换输入值的类型。与此同时，系统还基于SpreadJS提供的单元格类型进行了重写，包括：下划线、不连续方框、连续方框、下拉框、复选框、复选择列表、单选框列表等。
http://xa-pbd-iris:82/images/metalsmith/developer/casestudies/casestudies-htxxrj/pic03.png
平台中的主栏和宾栏分别对应二维表格的行与列，拖动最左侧的元数据到子表树的主栏和宾栏，再选择中间的子表1拖动到SpreadJS表格编辑器后，生成如下图所示的二维表格（表头可能会有多行，这是跟据宾栏的层次进行显示的，最左侧的列对应于主栏，主栏树如果有多个层级，二维表格的最一列也会分级显示）。
http://xa-pbd-iris:82/images/metalsmith/developer/casestudies/casestudies-htxxrj/pic04.png
在绘制好模板之后，用户通过点击保存模板，会把模板对应的json数据传入后台，在后台进行模板数据的保存，在保存模板时会自动创建存放模板数据的数据表。 http://xa-pbd-iris:82/images/metalsmith/developer/casestudies/casestudies-htxxrj/pic05.png
当用户设计好模板之后，可以自定义计算公式。左侧菜单栏上包含常用的运算符，左侧中部包含了多种函数，用户可以在公式编辑框中编辑公式。 系统使用方式：当用户双击公式时，可以把公式带入公式编辑框中，当用户双击单元格后，可以把对应的行列信息带入公式编辑框中，便于编辑公式。http://xa-pbd-iris:82/images/metalsmith/developer/casestudies/casestudies-htxxrj/pic06.png 当用户完成填报后，平台会提供网页形式的填报页面，此时，用户可以点击的地方只有可编辑和输入的地方，这样是为了便于用户进行填报操作。http://xa-pbd-iris:82/images/metalsmith/developer/casestudies/casestudies-htxxrj/pic07.png
表格技术带来的价值（选择表格控件 SpreadJS 的主要原因） 智慧统计平台通过引入SpreadJS纯前端表格控件，实现了快速设计报表模板、类Excel 的填报页面和Html的数据展示方式，系统的使用者可以像使用Excel一样使用智慧统计平台的报表设计功能，即节约了后期的培训时间，又显著提高了系统的使用率。
通过将 SpreadJS 嵌入平台作为数据填报模块，满足了 “放、管、服”业务场景中关于数据采集标准、样式、数据计算和分析方式的一致性要求，实现了批量导入导出Excel、大数据量填报、填报暂存、多 sheet 填报、多级上报等不同场景下的业务需求。
以上就是航天信息软件应用SpreadJS表格控件技术研发的“智慧统计平台”案例展示，如需查看 SpreadJS 的更多应用案例或需要了解 SpreadJS 的更多功能特性，欢迎访问SpreadJS 产品官网。
关于SpreadJS纯前端表格控件
SpreadJS 是一款基于 HTML5 的纯前端表格控件，兼容450 种以上的 Excel 公式，具备“高性能、跨平台、与Excel 高度兼容”的产品特性，备受华为、苏宁易购、天弘基金、远光软件等各领域龙头企业的青睐，并被中国软件行业协会认定为“中国优秀软件产品”。SpreadJS可为用户带来亲切、易用的使用体验，并满足 Web Excel 组件开发、 表格文档协同编辑、 数据填报、 类 Excel 报表设计等业务场景，可极大降低企业研发成本和项目交付风险。
页:
[1]