本帖最后由 Helen 于 2016-6-15 10:56 编辑
一. 企业背景
中国民用航空飞行学院(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很好的解决这一问题。只需要一个按键,和简单两行代码就搞定了。
下面是我们的打印测试数据:
|