中国民航飞行学院人事薪资管理系统实践案例
中国民用航空飞行学院 - 人事工资薪酬管理系统
所使用产品：SpreadJS
一. 企业背景
中国民用航空飞行学院（Civil Aviation Flight University of China）位于成都平原的腹地——四川省广汉市，是*部属高校、联合国重点推广的“MPL”课程试点单位，被誉为中国民航飞行员的“摇篮”、中国民航管理*的“黄埔军校”。
二. 项目概况
“人事工资薪酬管理系统”目前主要应用于中国民用航空飞行学院管理内部人员薪资的管理与发放，适用各种工资津贴奖金的汇总、统计和各类财务报表的生成和展示。
三. 选择葡萄城控件产品的主要原因
选择葡萄城控件主要考虑以下四点：
1．表格数据展现。这是我们通过使用SpreadJS应用最广泛的使用场景。把数据库中的数据以表格的方式加以展现，对数据进行分组、排序、筛选；支持定义颜色、字体字号、填充等多种样式；允许编辑数据并保存回数据库。
2．在管理平台中嵌入Excel功能。我们的人事薪资管理系统需要象Excel一样丰富的公式和数据处理功能，SpreadJS很好的帮助我们将这些功能嵌入到企业管理系统中，比如财务数据模型、风险分析、保险计算、工程应用等。
3．Excel文件输入输出。我们需要借助SpreadJS把内部数据保存为Excel格式用于对外分发。同样，我们也需要基于SpreadJS把Excel文件中的数据保存到企业数据数据库中。
4．高性能的设计器：通过Spread设计器我们已经实现了复杂的商业文档的录入界面，比如复杂的订单、发票、保单、报税表等。
四. 实际使用情况
（一）使用模板设计器进行快速开发
通过类似 Excel 的 SpreadJS 设计器，我和同事可以轻松设计模板，节约应用程序开发所需的时间和精力。无需编码，财务、人事管理人员等均可通过 Excel 软件设计界面，设计计算公式，然后轻松导入设计器或 SpreadJS 中，就可实现模板重用。这大大减轻了工作强度，使得快速开发得以实现。
轻松实现数据库数据绑定设计界面。如下图，在右侧设计好字段和其类型之后，拖拽到左边对应的单元格即可。
（二）、应用于各种工资津贴奖金的发放
1、数据展示，绑定数据，方便快捷
SpreadJS 展示数据美观大方，无论样式外观、操作习惯都与 EXCEL 一致，符合很多人事、财务管理人员的查看习惯。数据绑定可以用 JSON 加载数据，非常方便。实际效果如图所示：
我们新增了多表对比查询模块，表内可任意筛选、排序。
2、高速低耗
2678 条数据，瞬时加载，对内部管理系统豪无压力。
3、方便的编辑保存
根据需要，系统中使用了两种编辑数据的样式，一种是弹窗编辑。这种方式程序员要另外编写代码，工作量大。如图所示：
另一种是直接使用 SpreadJS 进行数据编辑，默认采用行内编辑方式。类似于 EXCEL 操作，很多管理人员喜欢这种简单的方式。这种方式无需编写界面相关代码，节约开发人员时间成本。
（三）、应用于各类统计报表的生成与展示
1、数据报表是个很麻烦的事儿，但 SpreadJS 可以方便的生成报表
2、报表打印
网页打印也是蛮麻烦的，SpreadJS 很好的解决这一问题。只需要一个按键，和简单两行代码就搞定了。
下面是我们的打印测试数据：
五.SpreadJS对于项目的价值
SpreadJS 表单控件主要应用于本项目中各类工资表格的展示、编辑和查询，最后用于汇总生成各类报表并进行展示。
我们的体会是，使用 SpreadJS 我们可以轻松设计模板，节约应用程序开发所需的时间和精力。无需编码，财务、人事管理人员均可通过 Excel 软件设计界面，设计计算公式，然后轻松导入设计器或 SpreadJS 中，就可实现模板重用。这大大减轻了工作强度，使得快速开发得以实现。
SpreadJS 加载速度快，对内部管理系统无压力。并且生成报表和网页打印报表这些麻烦事儿，SpreadJS 都很好的解决了!
SpreadJS下载链接：http://www.grapecity.com.cn/download/?pid=57
SpreadJS官网链接：http://www.grapecity.com.cn/developer/spreadjs
关于SpreadJS前端表格控件
SpreadJS 纯前端表格控件是基于 HTML5 的 JavaScript 电子表格和网格功能控件，适用于 .NET、Java 和移动端等各平台在线编辑类 Excel 功能的表格程序开发。全中文操作界面，零学习成本！便于您在系统开发过程中，更好的显示和管理类似 Excel 的数据，更方便的进行公式引擎、排序、过滤、输入控件、数据可视化、Excel 导入/导出等操作。
上一篇： Vue 中如何使用compile操作方法
下一篇： Spring 的拦截器