一. 企业背景

中国能源建设集团安徽电力建设第二工程有限公司(以下简称:中国能建安徽电建二公司)成立于 1952 年,是拥有电力工程施工总承包一级资质、民用核安全设备安装许可证和对外经营权等 24 项资质的国有大型施工企业。公司是国家高新技术企业,是国内首批通过 ISO-9000 质量体系、EOHS 职业健康安全与环境管理体系认证的单位之一。

二. 项目背景和需求 – 简化数据填报流程,优化数据汇总分析,凸显项目管理能力

“企业数据填报系统”是中国能建安徽电建二公司内部人员数据填报的软件项目,应用于各种公司各机构数据填报审批,并上报公司总部进行汇总分析。

选择SpreadJS控件主要考虑以下两方面原因:

高性能:SpreadJS 是一个基于 HTML5 技术的纯 JavaScript 控件。不但提供了更高的渲染性能和更流畅的界面操作,此外,SpreadJS 通过一个高效的数据模型来快速操作数据,使得载入和操作超百万行数据变得更为方便且快捷。

无编码模板设计器:​SpreadJS 提供在线表单设计器,其扩展性高,无需编码,不需要专业培训,即可快速上手。之前我们通过 Excel 软件设计的表格文档,借助模板设计器,轻松导入 SpreadJS 中,提高了模板的复用性。

三. 实际使用情况

(一)、使用模板设计器进行快速开发

通过对模板设计器的扩展开发,定制各类指标数据、数据保存方式、数据显示来源以及展示控制等。使用人员导入 EXCEL 表格,对单元格进行相应配置就可以了。

SpreadJS开发案例:助力中国能建安徽电建- 企业数据填报系统_html

(二)、应用于各类数据的填报

各类数据通过系统填报审批,数据来源单元格根据数据指标来源进行汇总显示。该填报过程可以控制哪些单元格可以填报并校验,哪些单元格只能看或者隐藏等。

SpreadJS开发案例:助力中国能建安徽电建- 企业数据填报系统_css_02

(三)、数据统计分析

数据分析则是通过自定义表格的方式对已填报数据进行各维度的分析。

SpreadJS开发案例:助力中国能建安徽电建- 企业数据填报系统_html_03

四. SpreadJS 前端表格控件对于项目的价值

SpreadJS 主要应用于本系统的表单设计、数据填报和数据分析,它带来的价值不仅体现在较其他同类产品具有更友好的操作界面,我们还可以轻松设计、定制模板,节约应用程序开发所需的时间和精力。

五. 关于 SpreadJS 前端表格控件

SpreadJS 纯前端表格控件是基于 HTML5 的 JavaScript 电子表格和网格功能控件,适用于 .NET、Java 和移动端等各平台在线编辑类 Excel 功能的表格程序开发。全中文操作界面,零学习成本!便于您在系统开发过程中,更好的显示和管理类似 Excel 的数据,更方便的进行公式引擎、排序、过滤、输入控件、数据可视化、Excel 导入/导出等操作。

下载最新版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 公式函数,内置高效、可扩展的计算引擎,满足用户自定义公式、跨表格引用等多场景下的计算需求,轻松实现数据聚合,让有效数据不断完善