1. 程式人生 > >純前端開發案例:用 SpreadJS 搭建信息系統軟件開發平臺

純前端開發案例:用 SpreadJS 搭建信息系統軟件開發平臺

Js Excel 前端表格 前端Excel

一. 企業背景

福建華閩通達信息技術有限公司成立於 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


純前端開發案例:用 SpreadJS 搭建信息系統軟件開發平臺