SpreadJS v14.0正式版下載

預(yù)算一體化云平臺智能預(yù)算以“收、支、管”為主線，從財(cái)政一體化視角，基于“四庫”，健全財(cái)力管理、中期財(cái)政規(guī)劃、預(yù)算編審、預(yù)算調(diào)整、績效管理、指標(biāo)管理等，改善零敲碎打、條塊分割、對接不暢的狀況，實(shí)現(xiàn)預(yù)算全過程管理。

表格技術(shù)在該項(xiàng)目中的實(shí)現(xiàn)思路

預(yù)算一體化云平臺包含基礎(chǔ)信息庫、項(xiàng)目庫、預(yù)算編審和報(bào)表查詢四個(gè)核心功能模塊，這些功能模塊均應(yīng)用了SpreadJS表格控件技術(shù)，實(shí)現(xiàn)了高性能的數(shù)據(jù)計(jì)算、查詢和展示。

SpreadJS 是一款基于 HTML5 的純前端表格控件，兼容 450 種以上的 Excel 公式，具備“高性能、跨平臺、與 Excel 高度兼容”的產(chǎn)品特性。與此同時(shí)，產(chǎn)品還提供大量API，可用于二次封裝，滿足多人協(xié)同編輯、 數(shù)據(jù)填報(bào)、 類Excel報(bào)表設(shè)計(jì)等多種業(yè)務(wù)場景，幫助用友政務(wù)快速構(gòu)建出預(yù)算一體化云平臺的核心功能架構(gòu)，如：

1. 基礎(chǔ)信息錄入表配置模型

該模型用于維護(hù)云平臺中的人員信息，借助SpreadJS表格控件技術(shù)，用友政務(wù)實(shí)現(xiàn)了動態(tài)列擴(kuò)展和復(fù)雜多重表頭設(shè)計(jì)。

2. 基礎(chǔ)信息錄入表展示

該表保存了大量基礎(chǔ)信息數(shù)據(jù)，在不借助高性能表格技術(shù)的前提下，超過一萬行就會造成系統(tǒng)卡頓，用友政務(wù)通過使用葡萄城的SpreadJS表格控件，二次封裝實(shí)現(xiàn)了系統(tǒng)分頁和多層表頭數(shù)據(jù)綁定，有效解決了性能問題。

3. 預(yù)算編制錄入表配置模型

作為預(yù)算一體化云平臺中的重要功能模塊，預(yù)算編制錄入表通過嵌入 SpreadJS 在線表格編輯器高度還原了 Excel 的操作面板，如開始菜單、插入、公式和視圖屬性等。

表格技術(shù)在該項(xiàng)目中的實(shí)踐應(yīng)用

1. 構(gòu)建表格SSJSON文件后端存儲方案。借助SpreadJS表格控件，云平臺實(shí)現(xiàn)了格式化數(shù)據(jù)存儲，并完成了前后端數(shù)據(jù)轉(zhuǎn)換。

• 關(guān)系型數(shù)據(jù)庫ORACLE、達(dá)夢數(shù)據(jù)庫使用CLOB字段存儲
• 為了加快讀取使用REDIS數(shù)據(jù)庫作為緩存

2. 構(gòu)建表格SSJSON文件前端存儲方案。

• 使用indexDB存儲，加上檢查同步更新機(jī)制
• 第三方的封裝控件使用開源的LocalForge來調(diào)用，非常方便

3. 表格SSJSON對象轉(zhuǎn)換

• 盡量不要使用fastJson進(jìn)行json到Bean轉(zhuǎn)換，如果使用盡量使用高版本
• 建議使用JackSon進(jìn)行轉(zhuǎn)換，特別是對于復(fù)雜類型轉(zhuǎn)換基本沒有問題

4. 應(yīng)用SpreadJS在線表格編輯器，實(shí)現(xiàn)嵌入式的類Excel操作工具欄，并結(jié)合自身業(yè)務(wù)特點(diǎn)，簡化開發(fā)流程。

5. 結(jié)合SpreadJS的表格編輯器，減少大量重復(fù)編碼和測試工作，打通前端平臺化開發(fā)的捷徑。

6. 嵌入SpreadJS，實(shí)現(xiàn)表格數(shù)據(jù)的前端生成與導(dǎo)出，提升系統(tǒng)性能。

• 利用ssjson模板方式、封裝組件方式和自由展現(xiàn)方式（基于SpreadJS的worksheet編程實(shí)現(xiàn)）在前端生成數(shù)據(jù)
• 減少服務(wù)端壓力，提升系統(tǒng)性能
• 基于SpreadJS表格控件，可以操作任意區(qū)域改變和合并樣式
• 利用基本接口改變部分區(qū)域或者進(jìn)行大數(shù)據(jù)量時(shí)，計(jì)算幾乎達(dá)到秒級

7. 借助 SpreadJS 實(shí)現(xiàn)大數(shù)據(jù)量表格數(shù)據(jù)導(dǎo)出：

• 設(shè)置表格的style樣式時(shí)，使用namedstyle方式會大量減少ssjson的大小，這樣就不會在執(zhí)行spread.toJson時(shí)導(dǎo)致瀏覽器崩潰（實(shí)測：30列表頭，5萬行數(shù)據(jù)不存在問題）
• 結(jié)合后端java表格組件GcExcel生成Excel文件，以流的方式導(dǎo)出文件

表格技術(shù)對于該項(xiàng)目的價(jià)值

1. 統(tǒng)一基礎(chǔ)數(shù)據(jù)：SpreadJS 是一款高度類似 Excel 的表格控件，可在線導(dǎo)入、導(dǎo)出xlsx文件。因此，通過SpreadJS保存的數(shù)據(jù)在Excel中也可正常使用。財(cái)務(wù)一體化云平臺以此為基礎(chǔ)，建立了全國統(tǒng)一的邏輯庫表及要素，平臺基礎(chǔ)數(shù)據(jù)符合三年規(guī)劃業(yè)務(wù)規(guī)范和技術(shù)標(biāo)準(zhǔn)，為省級向財(cái)政部報(bào)送數(shù)據(jù)提供支撐。

2. 大集中模式：用友財(cái)政云平臺支持省財(cái)政系統(tǒng)與市縣財(cái)政系統(tǒng)建設(shè)按時(shí)間、技術(shù)標(biāo)準(zhǔn)、軟件應(yīng)用進(jìn)行統(tǒng)一，在物理上形成 “數(shù)據(jù)大集中”的模式，滿足省財(cái)政廳統(tǒng)計(jì)查詢各市縣財(cái)政局?jǐn)?shù)據(jù)的需求，使數(shù)據(jù)價(jià)值得到有效利用。

3. 微服務(wù)架構(gòu)：依靠SpreadJS純前端組件的特性，用友財(cái)政云平臺采用了微服務(wù)架構(gòu)建設(shè)，將原有財(cái)政一體化業(yè)務(wù)拆分為幾十個(gè)微服務(wù)，使系統(tǒng)具備了低成本快速擴(kuò)容、新服務(wù)靈活發(fā)布、“不停服”變更、適應(yīng)智能運(yùn)維等優(yōu)點(diǎn)。在應(yīng)用設(shè)計(jì)方面，借助SpreadJS高性能的計(jì)算引擎和處理速度，系統(tǒng)并發(fā)處理能力和負(fù)載處理能力均得到提升，在保證性能的前提下，能夠滿足未來五年的交易高峰量。

4. 智能運(yùn)維：財(cái)政云平臺提供統(tǒng)一的分級分區(qū)域運(yùn)維能力，運(yùn)用靈活的方式構(gòu)建運(yùn)維團(tuán)隊(duì)，為財(cái)政信息化建設(shè)提供全面的支撐，通過建立省級集中智能運(yùn)維體系，化解大集中帶來的集中化運(yùn)維壓力。

結(jié)語

借助高性能表格控件SpreadJS，用友政務(wù)在貫徹財(cái)政部關(guān)于推進(jìn)預(yù)算管理一體化建設(shè)的工作要求下，緊抓業(yè)務(wù)技術(shù)標(biāo)準(zhǔn)規(guī)范這個(gè)關(guān)鍵，以核心業(yè)務(wù)管理要素為切入點(diǎn)，以微服務(wù)架構(gòu)、前端開發(fā)技術(shù)為依托，打造了預(yù)算一體化云平臺。

通過該平臺，用友政務(wù)推動了全面深化預(yù)算制度改革，提升了財(cái)政信息化支撐能力，實(shí)現(xiàn)了以全省大集中的方式，對財(cái)政資金的全生命周期管理和動態(tài)監(jiān)控，助力財(cái)政部門打造出新一代“數(shù)字財(cái)政”系統(tǒng)!

以上就是SpreadJS 在構(gòu)建財(cái)政一體化云平臺的具體應(yīng)用實(shí)踐，通過嵌入 SpreadJS 純前端表格控件，財(cái)稅行業(yè)可迅速搭建出一系列符合 Excel 使用習(xí)慣、功能布局高度類似 Excel 、可直接讀寫 Excel 文檔的報(bào)表系統(tǒng)，進(jìn)一步提高財(cái)政稅務(wù)管理效率。

SpreadJS | 下載試用

純前端表格控件SpreadJS，兼容 450 種以上的 Excel 公式，具備“高性能、跨平臺、與 Excel 高度兼容”的產(chǎn)品特性，備受華為、蘇寧易購、天弘基金等行業(yè)龍頭企業(yè)的青睞，并被中國軟件行業(yè)協(xié)會認(rèn)定為“中國優(yōu)秀軟件產(chǎn)品”。SpreadJS 可為用戶提供類 Excel 的功能，滿足表格文檔協(xié)同編輯、 數(shù)據(jù)填報(bào)、 類 Excel 報(bào)表設(shè)計(jì)等業(yè)務(wù)場景需求，極大的降低企業(yè)研發(fā)成本和項(xiàng)目交付風(fēng)險(xiǎn)。

本文轉(zhuǎn)載自