當前位置:
首頁 > 知識 > 純前端開發案例:用 SpreadJS 搭建信息系統軟體開發平台

純前端開發案例:用 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/developer/spreadjs/whatsnew

.NET平台適用的 Spread Studio 也同期發布新版本,支持WinForm、WPF、ASP.NET 、XAML、WinRT 等多個平台,提升您應用系統中的表格數據錄入、編輯等交互功能,讓您的數據用 Excel 的方式說話。

點擊此處,了解詳情:http://www.grapecity.com.cn/developer/spreadstudio



關於葡萄城

· 全球最大的控制項提供商

· 微軟認證的金牌合作夥伴

· 專註開發工具和企業軟體領域近 30 年

· 為超過 75% 的世界500強企業提供服務

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 葡萄城GrapeCity 的精彩文章:

Spread Studio 表格控制項V11.1發布,讓數據用 Excel 的方式說話
做前端開發的同學有福了!SpreadJS 表格控制項V11.1震撼來襲

TAG:葡萄城GrapeCity |