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

一. 企业背景

福建华闽通达信息技术有限公司成立于 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，无需再次学习，节省了培训的时间和成本。