SpreadJS 是一款基于 HTML5 的純前端電子表格控件，兼容 450 種以上的 Excel 公式，憑借其 “高性能、跨平臺、與 Excel 高度兼容”的產(chǎn)品特性，備受以華為、蘇寧易購、天弘基金等為代表的企業(yè)用戶青睞。SpreadJS 為用戶帶來親切的 Excel 使用體驗的同時，滿足 Web Excel 組件開發(fā)、表格文檔協(xié)同編輯、數(shù)據(jù)填報、Excel 類報表設(shè)計等業(yè)務(wù)場景，極大降低了企業(yè)研發(fā)成本和項目交付風(fēng)險。更多詳情信息文章教程點擊這里>>

點擊下載SpreadJS最新試用版

用友政務(wù)預(yù)算一體化云平臺簡介

用友政務(wù)預(yù)算一體化云平臺有效推動了全面預(yù)算制度改革，提升了財政信息化的支撐能力，創(chuàng)新地提出了“集中管控、分級運營”的產(chǎn)品設(shè)計思想，并建成了完整的技術(shù)中臺、業(yè)務(wù)中臺和數(shù)據(jù)中臺。

云平臺固化了財政部及省財政標(biāo)準(zhǔn)規(guī)范，確保了規(guī)范標(biāo)準(zhǔn)的貫徹執(zhí)行，并以管控的方式，讓地方財政在上級財政的規(guī)范標(biāo)準(zhǔn)框架下，擴展形成本級財政規(guī)范標(biāo)準(zhǔn)，使各級財政可以在受控模式下，獨立地對本級的一體化系統(tǒng)進行運營管理。

表格技術(shù)在該項目中的實踐演示

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

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

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

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

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

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

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

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

預(yù)算一體化云平臺的其他功能模塊，如項目庫申報、報表查詢等，將于2020年10月14 日14:00的公開課分享中予以演示，歡迎大家報名參加，共同交流。

表格技術(shù)在該項目中的核心應(yīng)用

1、 借助SpreadJS表格控件，實現(xiàn)格式化數(shù)據(jù)存儲，完成前后端數(shù)據(jù)轉(zhuǎn)換。

• 表格SSJSON文件后端存儲方案

  1. 關(guān)系型數(shù)據(jù)庫ORACLE、達夢數(shù)據(jù)庫使用CLOB字段存儲

  2. 為了加快讀取使用REDIS數(shù)據(jù)庫作為緩存

• 表格SSJSON文件前端存儲方案
  
  
  
  1. 使用indexDB存儲，要加上檢查同步更新機制
  
  
  2. 第三方的封裝控件使用開源的LocalForge來調(diào)用，非常方便
  
  
• 表格SSJSON對象轉(zhuǎn)換
  
  
  
  1. 盡量不要使用fastJson進行json到Bean轉(zhuǎn)換，如果使用盡量使用高版本
  
  
  2. 建議使用JackSon進行轉(zhuǎn)換，特別是對于復(fù)雜類型轉(zhuǎn)換基本沒有問題

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

3、 結(jié)合SpreadJS可視化設(shè)計器，減少大量重復(fù)編碼和測試，打通前端平臺化開發(fā)的捷徑。

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

1. 使用SpreadJS在前端生成數(shù)據(jù)的優(yōu)點：

   • 減少服務(wù)端壓力，提升系統(tǒng)性能
   • 基于SpreadJS表格控件，可以操作任意區(qū)域改變和合并樣式
   • 利用基本接口改變部分區(qū)域或者進行大數(shù)據(jù)量時，計算幾乎達到秒級
2. SpreadJS在前端生成表格數(shù)據(jù)的方法：
   
   
   • 利用ssjson模板方式
   • 封裝組件方式
   • 自由展現(xiàn)方式（基于SpreadJS的worksheet編程實現(xiàn)）
3. 大數(shù)據(jù)量表格數(shù)據(jù)導(dǎo)出的要點：
   
   
   • 設(shè)置表格的style樣式時，使用namedstyle方式會大量減少ssjson的大小，這樣就不會在執(zhí)行spread.toJson時導(dǎo)致瀏覽器崩潰（實測：30列表頭，5萬行數(shù)據(jù)不存在問題）
   • 結(jié)合后端java組件GcExcel生成Excel文件，以流的方式導(dǎo)出文件

表格技術(shù)在該項目搭建中體現(xiàn)的價值

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

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

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

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

結(jié)語

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

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