【SpreadJS】在中国民用航空飞行学院人事工资薪酬管理系统的应用

一.      企业背景

中国民用航空飞行学院（Civil Aviation Flight Universityof China）位于成都平原的腹地——四川省广汉市，是中央部属高校、联合国重点推广的“MPL”课程试点单位，被誉为中国民航飞行员的“摇篮”、中国民航管理干部的“黄埔”。

二.      项目概况

“人事工资薪酬管理系统”是一个中国民用航空飞行学院管理内部人员薪资发放的软件项目，应用于各种工资津贴奖金的发放和各类统计报表的生成和展示。

SpreadJS表单控件主要应用于本项目中各类工资表格的展示、编辑和查询，最后用于汇总生成各类报表并进行展示。

三.      选择葡萄城控件产品的主要原因

选择葡萄城控件主要考虑以下两点：

高性能：SpreadJS是一个基于HTML5技术的纯JavaScript控件。SpreadJS能够把所有的内容以像素点的形式画在画布上，但它不是HTML DOM元素的合成。同其他普通的数据表格相比，SpreadJS提供了更高的渲染性能和更快的界面操作。此外，SpreadJS通过一个高效的数据模型来快速操作数据，这可以方便您流畅地载入和操作海量数据。

无编码模板设计器：通过类似Excel的SpreadJS设计器，非专业程序员也可轻松设计模板，节约应用程序开发所需的时间和精力。无需编码，各行业人员均可通过Excel 软件设计界面，然后轻松导入设计器或SpreadJS中，即可重用模板。

四.      实际使用情况
（一）使用模板设计器进行快速开发

通过类似Excel的SpreadJS设计器，我和同事可以轻松设计模板，节约应用程序开发所需的时间和精力。无需编码，财务、人事管理人员均可通过Excel 软件设计界面，设计计算公式，然后轻松导入设计器或SpreadJS中，就可实现模板重用。这大大减轻了工作强度，使得快速开发得以实现。

轻松实现数据库数据绑定设计界面。如下图，在右侧设计好字段和其类型之后，拖拽到左边对应的单元格即可。

（二）、应用于各种工资津贴奖金的发放
1、数据展示，绑定数据，方便快捷

SpreadJS展示数据美观大方，无论样式外观、操作习惯都与EXCEL一致，符合很多人事、财务管理人员的查看习惯。数据绑定可以用JSON加载数据，非常方便。实际效果如图所示：

我们新增了多表对比查询模块，表内可任意筛选、排序。

2、加载速度快，2678条数据，瞬时加载，对内部管理系统无压力


3、方便的编辑保存

根据需要，系统中使用了两种编辑数据的样式，一种是弹窗编辑。这种方式程序员要另外编写代码，工作量大。如图所示：

另一种是直接使用SpreadJS进行数据编辑，默认采用行内编辑方式。类似于EXCEL操作，很多管理人员喜欢这种简单的方式。这种方式无需编写界面相关代码，节约开发人员时间成本。

（三）、应用于各类统计报表的生成与展示
1、数据报表是个很麻烦的事儿，但SpreadJS可以方便的生成报表。


2、报表打印

网页打印也是蛮麻烦的，SpreadJS很好的解决这一问题。只需要一个按键，和简单两行代码就搞定了。

下面是我们的打印测试数据：

你好，可以提供下demo吗

PlusNie 发表于 2018-5-17 09:26
你好，可以提供下demo吗

这个是案例，是用户做的产品， 我们不可能拿到用户的demo。