一. 企業背景

中國民用航空飛行學院（Civil Aviation Flight University of China）位于成都平原的腹地——四川省廣漢市，是中央部屬高校、聯合國重點推廣的“MPL”課程試點單位，被譽為中國民航飛行員的“搖籃”、中國民航管理干部的“黃埔軍校”。

二. 項目概況

“人事工資薪酬管理系統”目前主要應用于中國民用航空飛行學院管理內部人員薪資的管理與發放，適用各種工資津貼獎金的匯總、統計和各類財務報表的生成和展示。

三. 選擇葡萄城控件產品的主要原因

選擇葡萄城控件主要考慮以下四點：

表格數據展現： 這是我們通過使用 SpreadJS 應用最廣泛的使用場景。把數據庫中的數據以表格的方式加以展現，對數據進行分組、排序、篩選；支持定義顏色、字體字號、填充等多種樣式；允許編輯數據并保存回數據庫。

在管理平臺中嵌入 Excel 功能： 我們的人事薪資管理系統需要象 Excel 一樣豐富的公式和數據處理功能，SpreadJS 很好的幫助我們將這些功能嵌入到企業管理系統中，比如財務數據模型、風險分析、保險計算、工程應用等。

Excel 文件輸入輸出： 我們需要借助 SpreadJS 把內部數據保存為 Excel 格式用于對外分發。同樣，我們也需要基于 SpreadJS 把 Excel 文件中的數據保存到企業數據數據庫中。

高性能的設計器： 通過 Spread 設計器我們已經實現了復雜的商業文檔的錄入界面，比如復雜的訂單、發票、保單、報稅表等。

四. 實際使用情況

（一）使用模板設計器進行快速開發

通過類似 Excel 的 SpreadJS 設計器，我和同事可以輕松設計模板，節約應用程序開發所需的時間和精力。無需編碼，財務、人事管理人員等均可通過
Excel 軟件設計界面，設計計算公式，然后輕松導入設計器或 SpreadJS 中，就可實現模板重用。這大大減輕了工作強度，使得快速開發得以實現。

輕松實現數據庫數據綁定設計界面。如下圖，在右側設計好字段和其類型之后，拖拽到左邊對應的單元格即可。

（二）、應用于各種工資津貼獎金的發放

1、數據展示，綁定數據，方便快捷

SpreadJS 展示數據美觀大方，無論樣式外觀、操作習慣都與 EXCEL 一致，符合很多人事、財務管理人員的查看習慣。數據綁定可以用 JSON 加載數據，非常方便。實際效果如圖所示：

我們新增了多表對比查詢模塊，表內可任意篩選、排序。

2、高速低耗

2678 條數據，瞬時加載，對內部管理系統豪無壓力。

3、方便的編輯保存

根據需要，系統中使用了兩種編輯數據的樣式，一種是彈窗編輯。這種方式程序員要另外編寫代碼，工作量大。如圖所示：

另一種是直接使用 SpreadJS 進行數據編輯，默認采用行內編輯方式。類似于 EXCEL 操作，很多管理人員喜歡這種簡單的方式。這種方式無需編寫界面相關代碼，節約開發人員時間成本。

（三）、應用于各類統計報表的生成與展示

1、數據報表是個很麻煩的事兒，但 SpreadJS 可以方便的生成報表

2、報表打印

網頁打印也是蠻麻煩的，SpreadJS 很好的解決這一問題。只需要一個按鍵，和簡單兩行代碼就搞定了。

下面是我們的打印測試數據：

五. SpreadJS 對于項目的價值

SpreadJS 表單控件主要應用于本項目中各類工資表格的展示、編輯和查詢，最后用于匯總生成各類報表并進行展示。

我們的體會是，使用 SpreadJS 我們可以輕松設計模板，節約應用程序開發所需的時間和精力。無需編碼，財務、人事管理人員均可通過 Excel 軟件設計界面，設計計算公式，然后輕松導入設計器或 SpreadJS 中，就可實現模板重用。這大大減輕了工作強度，使得快速開發得以實現。

SpreadJS 加載速度快，對內部管理系統無壓力。并且生成報表和網頁打印報表這些麻煩事兒，SpreadJS 都很好的解決了!

六. 關于 SpreadJS 前端表格控件

SpreadJS 純前端表格控件是基于 HTML5 的 JavaScript 電子表格和網格功能控件，適用于 .NET、Java 和移動端等各平臺在線編輯類 Excel 功能的表格程序開發。全中文操作界面，零學習成本！便于您在系統開發過程中，更好的顯示和管理類似 Excel 的數據，更方便的進行公式引擎、排序、過濾、輸入控件、數據可視化、Excel 導入/導出等操作。