中國民航飛行學院人事薪資管理系統實踐案例

中國民用航空飛行學院 - 人事工資薪酬管理系統

所使用產品：SpreadJS

一. 企業背景

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

二. 項目概況

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

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

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

1．表格數據展現

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

2．在管理平台中嵌入Excel功能

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

3．Excel文件輸入輸出

我們需要藉助SpreadJS把內部數據保存為Excel格式用於對外分發。同樣，我們也需要基於SpreadJS把Excel文件中的數據保存到企業數據資料庫中。

4．高性能的設計器

通過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在線Excel表格控制項 - 葡萄城官網?

www.grapecity.com.cn

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