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

Posted 2020-11-04

一. 企业背景

福建华闽通达信息技术有限公司成立于 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 中的展现如图：

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

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

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

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

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

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

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