纯前端开发案例:用 SpreadJS 搭建信息系统软件开发平台

纯前端开发案例:用 SpreadJS 搭建信息系统软件开发平台

华闽通达 - R 平台应用
所使用产品:SpreadJS

企业背景

福建华闽通达信息技术有限公司成立于 2007 年,是一家致力于工程项目管理、电子政务、电子商务及企业 ERP 实现的 SAAS、PAAS 服务提供商,整合工程管理各环节的资源,构建行业健康生态链。

项目概况

R平台采用了面向业务人员的开发模式,结合现代工业“流水线装配”的生产理念,提供大量构件,助力客户项目快速搭建。SpreadJS 表格控件主要用于平台 Excel 表格和基于单元格的报表的定制。

选择葡萄城 SpreadJS 控件的主要原因

选择葡萄城控件最重要的原因,是其强大的无编码模板设计器功能。

R平台的 B/S 模块,需要实现非专业程序员在线设计 Excel 报表模板,或导入现成的 Excel 模板加以修改,将制作完成的模板打印或者导出成 Excel 保存至服务器。

葡萄城的 SpreadJS 是一个基于 HTML5 技术的纯 JavaScript 控件,控件性能流畅,有类似 Excel 的 SpreadJS 在线表格编辑器,适合非专业程序员设计 Excel 报表模板,很符合 R 平台(B/S 部分)无编码开发的理念。

实际使用情况

(一)用于 R 平台 C/S 部分的生成报表模板在 B/S 模块中展示

SpreadJS 支持 Excel 格式,通过将 C/S 端生成的报表模板保存成 Excel 文件,利用 SpreadJS ExcelIO 导入导出组件,将实例导入 SpreadJS 并在浏览器中展现。

模版运行实例在 SpreadJS 中的展现如图:
纯前端开发案例:用 SpreadJS 搭建信息系统软件开发平台

(二)用于 R 平台 B/S 部分的报表表单定义模块

R平台用 SpreadJS 实现了一个基于 B/S 架构的表单报表定义工具。

因为 SpreadJS 是类 Excel 功能的控件产品,很适合业务人员进行报表表单模版的定义,基本会 Excel 就会定义报表,大大减少了培训成本,并且很契合公司 R 平台无编码和由业务人员定义软件的目标和宗旨。如下图所示,用户可以在线进行编辑报表模板,并且编辑风格基本与 Excel 一致,业务人员只要会用 Excel,无需再次学习,节省了培训的时间和成本。
纯前端开发案例:用 SpreadJS 搭建信息系统软件开发平台

通过调用 SpreadJS 各种功能 API 并将其进行组合,满足了一些 Excel 没有但是项目中需要用到的定制功能,如下图所示,用户可以填写报表工具中区域的各项属性。
纯前端开发案例:用 SpreadJS 搭建信息系统软件开发平台

在数据保存时进行各项设置。
纯前端开发案例:用 SpreadJS 搭建信息系统软件开发平台

报表打印时进行打印设置,只需在下拉选项中进行选择,即可完成不同样式的报表打印。
纯前端开发案例:用 SpreadJS 搭建信息系统软件开发平台

葡萄城控件产品对于项目的价值

SpreadJS 控件主要用于本项目中的报表设计,展示,打印等功能。参与设计报表的人员完全不需要懂代码知识,只要会用 Excel 就可以参与设计报表,很符合 R 平台在线设计无编码开发的理念,并且类 Excel 的操作模式很符合设计人员的使用习惯,大大的加快了工作效率,是日常工作的好帮手。

了解更多新特性详情,请访问 SpreadJS 官网:

http://www.grapecity.com.cn/d...

.NET平台适用的 Spread Studio 也同期发布新版本,支持WinForm、WPF、ASP.NET 、XAML、WinRT 等多个平台,提升您应用系统中的表格数据录入、编辑等交互功能,让您的数据用 Excel 的方式说话。

点击此处,了解详情:http://www.grapecity.com.cn/d...

关于葡萄城

· 全球最大的控件提供商

· 微软认证的金牌合作伙伴

· 专注开发工具和企业软件领域近 30 年

· 为超过 75% 的世界500强企业提供服务

相关推荐