一. 企業(yè)背景

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

二. 項(xiàng)目概況

“人事工資薪酬管理系統(tǒng)”目前主要應(yīng)用于中國(guó)民用航空飛行學(xué)院管理內(nèi)部人員薪資的管理與發(fā)放，適用各種工資津貼獎(jiǎng)金的匯總、統(tǒng)計(jì)和各類財(cái)務(wù)報(bào)表的生成和展示。

三. 選擇表格控件SpreadJS的主要原因

表格數(shù)據(jù)展現(xiàn)：這是我們通過(guò)使用 SpreadJS 應(yīng)用最廣泛的使用場(chǎng)景。把數(shù)據(jù)庫(kù)中的數(shù)據(jù)以表格的方式加以展現(xiàn)，對(duì)數(shù)據(jù)進(jìn)行分組、排序、篩選；支持定義顏色、字體字號(hào)、填充等多種樣式；允許編輯數(shù)據(jù)并保存回?cái)?shù)據(jù)庫(kù)。

在管理平臺(tái)中嵌入 Excel 功能：我們的人事薪資管理系統(tǒng)需要象 Excel 一樣豐富的公式和數(shù)據(jù)處理功能，SpreadJS 很好的幫助我們將這些功能嵌入到企業(yè)管理系統(tǒng)中，比如財(cái)務(wù)數(shù)據(jù)模型、風(fēng)險(xiǎn)分析、保險(xiǎn)計(jì)算、工程應(yīng)用等。

Excel 文件輸入輸出：我們需要借助 SpreadJS 把內(nèi)部數(shù)據(jù)保存為 Excel 格式用于對(duì)外分發(fā)。同樣，我們也需要基于 SpreadJS 把 Excel 文件中的數(shù)據(jù)保存到企業(yè)數(shù)據(jù)數(shù)據(jù)庫(kù)中。

高性能的設(shè)計(jì)器：通過(guò) Spread 設(shè)計(jì)器我們已經(jīng)實(shí)現(xiàn)了復(fù)雜的商業(yè)文檔的錄入界面，比如復(fù)雜的訂單、發(fā)票、保單、報(bào)稅表等。

四. 實(shí)際使用情況

（一）使用模板設(shè)計(jì)器進(jìn)行快速開(kāi)發(fā)

通過(guò)類似 Excel 的 SpreadJS 設(shè)計(jì)器，我和同事可以輕松設(shè)計(jì)模板，節(jié)約應(yīng)用程序開(kāi)發(fā)所需的時(shí)間和精力。無(wú)需編碼，財(cái)務(wù)、人事管理人員等均可通過(guò) Excel 軟件設(shè)計(jì)界面，設(shè)計(jì)計(jì)算公式，然后輕松導(dǎo)入設(shè)計(jì)器或 SpreadJS 中，就可實(shí)現(xiàn)模板重用。這大大減輕了工作強(qiáng)度，使得快速開(kāi)發(fā)得以實(shí)現(xiàn)。

輕松實(shí)現(xiàn)數(shù)據(jù)庫(kù)數(shù)據(jù)綁定設(shè)計(jì)界面。如下圖，在右側(cè)設(shè)計(jì)好字段和其類型之后，拖拽到左邊對(duì)應(yīng)的單元格即可。

（二）、應(yīng)用于各種工資津貼獎(jiǎng)金的發(fā)放

1、數(shù)據(jù)展示，綁定數(shù)據(jù)，方便快捷

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

我們新增了多表對(duì)比查詢模塊，表內(nèi)可任意篩選、排序。

2、高速低耗

2678 條數(shù)據(jù)，瞬時(shí)加載，對(duì)內(nèi)部管理系統(tǒng)豪無(wú)壓力。

3、方便的編輯保存

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

另一種是直接使用 SpreadJS 進(jìn)行數(shù)據(jù)編輯，默認(rèn)采用行內(nèi)編輯方式。類似于 EXCEL 操作，很多管理人員喜歡這種簡(jiǎn)單的方式。這種方式無(wú)需編寫(xiě)界面相關(guān)代碼，節(jié)約開(kāi)發(fā)人員時(shí)間成本。

（三）、應(yīng)用于各類統(tǒng)計(jì)報(bào)表的生成與展示

1、數(shù)據(jù)報(bào)表是個(gè)很麻煩的事兒，但 SpreadJS 可以方便的生成報(bào)表

2、報(bào)表打印

網(wǎng)頁(yè)打印也是蠻麻煩的，SpreadJS 很好的解決這一問(wèn)題。只需要一個(gè)按鍵，和簡(jiǎn)單兩行代碼就搞定了。

下面是我們的打印測(cè)試數(shù)據(jù)：

五. SpreadJS 對(duì)于項(xiàng)目的價(jià)值

SpreadJS 表單控件主要應(yīng)用于本項(xiàng)目中各類工資表格的展示、編輯和查詢，最后用于匯總生成各類報(bào)表并進(jìn)行展示。

我們的體會(huì)是，使用 SpreadJS 我們可以輕松設(shè)計(jì)模板，節(jié)約應(yīng)用程序開(kāi)發(fā)所需的時(shí)間和精力。無(wú)需編碼，財(cái)務(wù)、人事管理人員均可通過(guò) Excel 軟件設(shè)計(jì)界面，設(shè)計(jì)計(jì)算公式，然后輕松導(dǎo)入設(shè)計(jì)器或 SpreadJS 中，就可實(shí)現(xiàn)模板重用。這大大減輕了工作強(qiáng)度，使得快速開(kāi)發(fā)得以實(shí)現(xiàn)。

SpreadJS 加載速度快，對(duì)內(nèi)部管理系統(tǒng)無(wú)壓力。并且生成報(bào)表和網(wǎng)頁(yè)打印報(bào)表這些麻煩事兒，SpreadJS 都很好的解決了!