彩票走势图

电子表格控件SpreadJS开发案例:一键实现多人协同在线表格编辑

转帖|实施案例|编辑:鲍佳佳|2020-12-07 09:50:05.293|阅读 219 次

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

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

一. 企业背景

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

二. 项目概况

“人事工资薪酬管理系统”目前主要应用于中国民用航空飞行学院管理内部人员薪资的管理与发放,适用各种工资津贴奖金的汇总、统计和各类财务报表的生成和展示。

三. 选择表格控件SpreadJS的主要原因

表格数据展现:这是我们通过使用 SpreadJS 应用最广泛的使用场景。把数据库中的数据以表格的方式加以展现,对数据进行分组、排序、筛选;支持定义颜色、字体字号、填充等多种样式;允许编辑数据并保存回数据库。

在管理平台中嵌入 Excel 功能:我们的人事薪资管理系统需要象 Excel 一样丰富的公式和数据处理功能,SpreadJS 很好的帮助我们将这些功能嵌入到企业管理系统中,比如财务数据模型、风险分析、保险计算、工程应用等。

Excel 文件输入输出:我们需要借助 SpreadJS 把内部数据保存为 Excel 格式用于对外分发。同样,我们也需要基于 SpreadJS 把 Excel 文件中的数据保存到企业数据数据库中。

高性能的设计器:通过 Spread 设计器我们已经实现了复杂的商业文档的录入界面,比如复杂的订单、发票、保单、报税表等。

立即体验电子表格控件SpreadJS

四. 实际使用情况

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

通过类似 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 前端表格控件

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

点击这里获取更多文章教程>>


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP