一. 企业背景

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

二. 项目概况

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

三. 选择葡萄城控件产品的主要原因

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

无编码模板设计器: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 搭建信息系统软件开发平台_第1张图片

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

R 平台用 SpreadJS 实现了一个基于 B/S 架构的表单报表定义工具。因为 SpreadJS 是类 Excel 功能的控件产品,很适合业务人员进行报表表单模版的定义,基本会 Excel 就会定义报表,大大减少了培训成本,并且很契合公司 R 平台无编码和由业务人员定义软件的目标和宗旨。如下图所示,用户可以在线进行编辑报表模板,并且编辑风格基本与 Excel 一致,业务人员只要会用 Excel,无需再次学习,节省了培训的时间和成本。

纯前端开发案例:用 SpreadJS 搭建信息系统软件开发平台_第2张图片

通过调用 SpreadJS 各种功能 API 并将其进行组合,满足了一些 Excel 没有但是项目中需要用到的定制功能,如下图所示,用户可以填写报表工具中区域的各项属性。

纯前端开发案例:用 SpreadJS 搭建信息系统软件开发平台_第3张图片

在数据保存时进行各项设置。

纯前端开发案例:用 SpreadJS 搭建信息系统软件开发平台_第4张图片

报表打印时进行打印设置,只需在下拉选项中进行选择,即可完成不同样式的报表打印。

纯前端开发案例:用 SpreadJS 搭建信息系统软件开发平台_第5张图片

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

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

 

Spread 表格开发系列,各平台轻松集成和操作 Excel!

SpreadJS 和 Spread Studio 都已于近日发布 V11.1 版本,敬请访问官网,了解更多。

访问 SpreadJS 官网:http://www.grapecity.com.cn/developer/spreadjs

访问 Spread Studio 官网:http://www.grapecity.com.cn/developer/spreadstudio