请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

Helen

高级会员

57

主题

351

帖子

1446

积分

高级会员

积分
1446

活字格认证微信认证勋章元老葡萄

Helen
高级会员   /  发表于:2016-6-15 10:42  /   查看:4920  /  回复:4
本帖最后由 Helen 于 2016-6-15 10:56 编辑

一.      企业背景
中国民用航空飞行学院Civil Aviation Flight Universityof China)位于成都平原的腹地——四川省广汉市,是中央部属高校、联合国重点推广的“MPL”课程试点单位,被誉为中国民航飞行员的摇篮、中国民航管理干部的黄埔
二.      项目概况
“人事工资薪酬管理系统”是一个中国民用航空飞行学院管理内部人员薪资发放的软件项目,应用于各种工资津贴奖金的发放和各类统计报表的生成和展示。
SpreadJS表单控件主要应用于本项目中各类工资表格的展示、编辑和查询,最后用于汇总生成各类报表并进行展示。
三.      选择葡萄城控件产品的主要原因
选择葡萄城控件主要考虑以下两点:
高性能:SpreadJS是一个基于HTML5技术的纯JavaScript控件。SpreadJS能够把所有的内容以像素点的形式画在画布上,但它不是HTML DOM元素的合成。同其他普通的数据表格相比,SpreadJS提供了更高的渲染性能和更快的界面操作。此外,SpreadJS通过一个高效的数据模型来快速操作数据,这可以方便您流畅地载入和操作海量数据。
无编码模板设计器:通过类似ExcelSpreadJS设计器,非专业程序员也可轻松设计模板,节约应用程序开发所需的时间和精力。无需编码,各行业人员均可通过Excel 软件设计界面,然后轻松导入设计器或SpreadJS中,即可重用模板。
四.      实际使用情况
(一)使用模板设计器进行快速开发
通过类似ExcelSpreadJS设计器,我和同事可以轻松设计模板,节约应用程序开发所需的时间和精力。无需编码,财务、人事管理人员均可通过Excel 软件设计界面,设计计算公式,然后轻松导入设计器或SpreadJS中,就可实现模板重用。这大大减轻了工作强度,使得快速开发得以实现。
11.png

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

(二)、应用于各种工资津贴奖金的发放
1、数据展示,绑定数据,方便快捷
SpreadJS展示数据美观大方,无论样式外观、操作习惯都与EXCEL一致,符合很多人事、财务管理人员的查看习惯。数据绑定可以用JSON加载数据,非常方便。实际效果如图所示:
33.png 44.png 55.png

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

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

77.png
3、方便的编辑保存
根据需要,系统中使用了两种编辑数据的样式,一种是弹窗编辑。这种方式程序员要另外编写代码,工作量大。如图所示:

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

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

111.png 222.png
2、报表打印
网页打印也是蛮麻烦的,SpreadJS很好的解决这一问题。只需要一个按键,和简单两行代码就搞定了。

333.png
下面是我们的打印测试数据:

444.png




4 个回复

倒序浏览
dexteryao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2016-12-21 17:40:17
沙发
回复 使用道具 举报
gw0506
超级版主   /  发表于:2017-2-6 09:18:45
板凳
回复 使用道具 举报
PlusNie
初级会员   /  发表于:2018-5-17 09:26:54
地板
你好,可以提供下demo吗
回复 使用道具 举报
Clark.Pan讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2018-5-25 09:06:45
5#
PlusNie 发表于 2018-5-17 09:26
你好,可以提供下demo吗

这个是案例,是用户做的产品, 我们不可能拿到用户的demo。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部