轉(zhuǎn)帖|實施案例|編輯:鮑佳佳|2020-12-07 09:50:05.293|閱讀 301 次
概述:使用 SpreadJS 我們可以輕松設(shè)計模板,節(jié)約應(yīng)用程序開發(fā)所需的時間和精力。無需編碼,財務(wù)、人事管理人員均可通過 Excel 軟件設(shè)計界面,設(shè)計計算公式,然后輕松導(dǎo)入設(shè)計器或 SpreadJS 中,就可實現(xiàn)模板重用。這大大減輕了工作強度,使得快速開發(fā)得以實現(xiàn)。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
一. 企業(yè)背景
中國民用航空飛行學(xué)院(Civil Aviation Flight University of China)位于成都平原的腹地——四川省廣漢市,是中央部屬高校、聯(lián)合國重點推廣的“MPL”課程試點單位,被譽為中國民航飛行員的“搖籃”、中國民航管理干部的“黃埔軍校”。
二. 項目概況
“人事工資薪酬管理系統(tǒng)”目前主要應(yīng)用于中國民用航空飛行學(xué)院管理內(nèi)部人員薪資的管理與發(fā)放,適用各種工資津貼獎金的匯總、統(tǒng)計和各類財務(wù)報表的生成和展示。
三. 選擇表格控件SpreadJS的主要原因
表格數(shù)據(jù)展現(xiàn):這是我們通過使用 SpreadJS 應(yīng)用最廣泛的使用場景。把數(shù)據(jù)庫中的數(shù)據(jù)以表格的方式加以展現(xiàn),對數(shù)據(jù)進行分組、排序、篩選;支持定義顏色、字體字號、填充等多種樣式;允許編輯數(shù)據(jù)并保存回數(shù)據(jù)庫。
在管理平臺中嵌入 Excel 功能:我們的人事薪資管理系統(tǒng)需要象 Excel 一樣豐富的公式和數(shù)據(jù)處理功能,SpreadJS 很好的幫助我們將這些功能嵌入到企業(yè)管理系統(tǒng)中,比如財務(wù)數(shù)據(jù)模型、風(fēng)險分析、保險計算、工程應(yīng)用等。
Excel 文件輸入輸出:我們需要借助 SpreadJS 把內(nèi)部數(shù)據(jù)保存為 Excel 格式用于對外分發(fā)。同樣,我們也需要基于 SpreadJS 把 Excel 文件中的數(shù)據(jù)保存到企業(yè)數(shù)據(jù)數(shù)據(jù)庫中。
高性能的設(shè)計器:通過 Spread 設(shè)計器我們已經(jīng)實現(xiàn)了復(fù)雜的商業(yè)文檔的錄入界面,比如復(fù)雜的訂單、發(fā)票、保單、報稅表等。
四. 實際使用情況
(一)使用模板設(shè)計器進行快速開發(fā)
通過類似 Excel 的 SpreadJS 設(shè)計器,我和同事可以輕松設(shè)計模板,節(jié)約應(yīng)用程序開發(fā)所需的時間和精力。無需編碼,財務(wù)、人事管理人員等均可通過 Excel 軟件設(shè)計界面,設(shè)計計算公式,然后輕松導(dǎo)入設(shè)計器或 SpreadJS 中,就可實現(xiàn)模板重用。這大大減輕了工作強度,使得快速開發(fā)得以實現(xiàn)。
輕松實現(xiàn)數(shù)據(jù)庫數(shù)據(jù)綁定設(shè)計界面。如下圖,在右側(cè)設(shè)計好字段和其類型之后,拖拽到左邊對應(yīng)的單元格即可。
(二)、應(yīng)用于各種工資津貼獎金的發(fā)放
1、數(shù)據(jù)展示,綁定數(shù)據(jù),方便快捷
SpreadJS 展示數(shù)據(jù)美觀大方,無論樣式外觀、操作習(xí)慣都與 EXCEL 一致,符合很多人事、財務(wù)管理人員的查看習(xí)慣。數(shù)據(jù)綁定可以用 JSON 加載數(shù)據(jù),非常方便。實際效果如圖所示:
我們新增了多表對比查詢模塊,表內(nèi)可任意篩選、排序。
2、高速低耗
2678 條數(shù)據(jù),瞬時加載,對內(nèi)部管理系統(tǒng)豪無壓力。
3、方便的編輯保存
根據(jù)需要,系統(tǒng)中使用了兩種編輯數(shù)據(jù)的樣式,一種是彈窗編輯。這種方式程序員要另外編寫代碼,工作量大。如圖所示:
另一種是直接使用 SpreadJS 進行數(shù)據(jù)編輯,默認采用行內(nèi)編輯方式。類似于 EXCEL 操作,很多管理人員喜歡這種簡單的方式。這種方式無需編寫界面相關(guān)代碼,節(jié)約開發(fā)人員時間成本。
(三)、應(yīng)用于各類統(tǒng)計報表的生成與展示
1、數(shù)據(jù)報表是個很麻煩的事兒,但 SpreadJS 可以方便的生成報表
下面是我們的打印測試數(shù)據(jù):
五. SpreadJS 對于項目的價值
SpreadJS 表單控件主要應(yīng)用于本項目中各類工資表格的展示、編輯和查詢,最后用于匯總生成各類報表并進行展示。
我們的體會是,使用 SpreadJS 我們可以輕松設(shè)計模板,節(jié)約應(yīng)用程序開發(fā)所需的時間和精力。無需編碼,財務(wù)、人事管理人員均可通過 Excel 軟件設(shè)計界面,設(shè)計計算公式,然后輕松導(dǎo)入設(shè)計器或 SpreadJS 中,就可實現(xiàn)模板重用。這大大減輕了工作強度,使得快速開發(fā)得以實現(xiàn)。
SpreadJS 加載速度快,對內(nèi)部管理系統(tǒng)無壓力。并且生成報表和網(wǎng)頁打印報表這些麻煩事兒,SpreadJS 都很好的解決了!
六. 關(guān)于 SpreadJS 前端表格控件
SpreadJS 純前端表格控件是基于 HTML5 的 JavaScript 電子表格和網(wǎng)格功能控件,適用于 .NET、Java 和移動端等各平臺在線編輯類 Excel 功能的表格程序開發(fā)。全中文操作界面,零學(xué)習(xí)成本!便于您在系統(tǒng)開發(fā)過程中,更好的顯示和管理類似 Excel 的數(shù)據(jù),更方便的進行公式引擎、排序、過濾、輸入控件、數(shù)據(jù)可視化、Excel 導(dǎo)入/導(dǎo)出等操作。
點擊這里獲取更多文章教程>>
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自: