處理Web端表格數據，華爲、海信等企業爲什麼都選擇了SpreadJS？

近年來，隨着互聯網產業的飛速發展，企業業務層面的大數據分析系統、數字營銷、商業智能等新興領域的需求呈爆發式增加。在最優化內存消耗的前提下，經過 Web 端直接實現複雜計算，支配並處理海量數據的用戶場景已經家常便飯。如何才能高效優雅地完成複雜場景的數據處理，已經不僅僅是對前端開發者算法功力的考驗，學會評估並使用合適的前端框架和前端開發工具已成爲當今企業高級開發工程師必不可少的技能。

葡萄城，做爲深耕前端、.NET控件及組件技術 30 年的一流軟件產品和服務提供商，但願經過本文，向您展現葡萄城創新性的前端開發工具和深厚的技術積澱。不管你是我的開發者，但願從這些技術中汲取靈感，改進工做效率；仍是企業的技術決策者，須要針對公司項目作技術選型，經過預測將來技術發展趨勢，獲得項目的最優投入產出比，本文均可做爲一份很好的參考。

文章由如下兩個部分構成：

• 第一部分：純前端表格控件 SpreadJS 核心功能及適用場景
• 第二部分：純前端表格控件 SpreadJS 典型案例介紹

第一部分 純前端表格控件 SpreadJS 核心功能及適用場景

SpreadJS 是一款基於 HTML5 的純 JavaScript 電子表格和網格功能控件，以「高速低耗、純前端、零依賴」爲產品特點，可嵌入任何操做系統，同時知足 .NET、Java、響應式 Web 應用及移動跨平臺的表格數據處理和類 Excel 的表格應用開發，爲用戶提供更快捷、更安全、更熟悉的表格數據處理方式和更友好的類 Excel 操做體驗。

SpreadJS 與主流前端開發工具相似，具有如下特色：

1. 基於HTML5規範，無需引用 JQuery 的外部庫和框架
2. 提供輕量的前端組件、具有數量衆多統一且易讀的 API
3. 提供符合UMD規範的模塊化設計理念，易於擴展並支持在 VSCode 中使用
4. 全面支持 Angular、React、Vue、Knockout 和 Ionic框架

SpreadJS 核心功能

一、 實現無代碼開發的類 Excel 的表格應用程序

SpreadJS 內置桌面端和 Web 端的在線表格編輯器，支持用戶填報模塊，可即時建立相似 Excel 的電子表格應用。經過 SpreadJS 提供的相似 Excel模板設計器，用戶還可輕鬆設計模板，節約應用程序開發所需的時間和精力。無代碼開發式平臺，各行業人員都可經過 Excel 軟件製做表格，而後輕鬆導入 SpreadJS 中，提高模板複用性。

二、 具有極高的渲染性能和計算能力

相比其餘電子表格，SpreadJS 提供更全面的內置公式和自定義函數，可針對大數據和複雜計算進行優化，便可爲複雜的公式增長計算能力，又不會過多地佔用系統資源。

三、 純 JavaScript 架構，支持 TypeScript、Angular、React 和 Vue

SpreadJS 基於 HTML5 規範，無需引用 JQuery庫和其餘框架，便可在 Web 應用程序中實現 Excel 所有功能。SpreadJS無平臺限制，.NET 和 Java 框架都可使用；也無服務器要求，Windows 和Linux 服務器一樣可使用。

四、 模塊化設計，符合UMD規範

UMD規範（即通用模塊規範）是爲了解決：當多個第三方Javascript腳本在一塊兒混合使用時，可經過統一的模式來構造JavaScript代碼。

SpreadJS 徹底基於模塊化設計，符合 UMD規範，用戶只需將所使用的功能模塊引入項目中（按需加載）便可正常使用。

五、 內置形狀（Shape）以及自定義形狀支持

SpreadJS 內置了諸多類 Excel 的形狀設置，如線條、矩形、箭頭、流程圖等，可爲您的前端界面添加更多細節展示和可視化效果，且這些內置的形狀都支持無縫導入和導出。

SpreadJS 適用場景

SpreadJS可知足全部前端表格數據處理須要以及類 Excel應用程序的開發，產品自面世以來，已經在能源、金融、物流、大數據、信息技術等行業引發普遍關注，備受華爲、泛微、滴滴、海信、立信、中國平安、中國能建、中通快遞、金麒麟和北京神軟等客戶青睞。

SpreadJS 具體適用場景包含如下五個方面：

1. EXCEL 應用場景

   • 最終用戶已熟練掌握 Excel 軟件的使用方式和習慣，並以 Excel 做爲主要工做工具的場景，SpreadJS 能提供與 Excel 幾乎一致的交互體驗和數據處理功能；

   • 最終用戶存在大量 Excel 文件，須要導入、編輯（保持原樣）的操做，經過 SpreadJS 能夠在前端完成導入導出、並保持文件最大的兼容性；

   • 最終用戶使用的系統，須要將 Excel 文件做爲數據導出，好比OA、帳務、生產系統等，經過 SpreadJS 便可輕鬆的將數據導出爲指定模板的 Excel 文件，進行復用。

2. Grid 表格數據處理場景

   當用戶但願以表格的形式展現數據時，好比自動排序、篩選、行表頭、列表頭、彙總、邊框和單元格樣式；或者，須要給最終用戶提供基本數據展現，如分組、查找、聚合、公式等操做時，SpreadJS都可知足。

3. Form表單填報場景

   用戶但願以表單的形式進行數據填報，如申請表；Word 文檔類報告的生成、打印和導出，如檢測報告時，經過SpreadJS內置的多種單元格類型，如按鈕、單複選、下拉列表、單元格內的公式引用、數據驗證等都可知足。

4. 數據可視化場景

   SpreadJS可用於將數據以圖表、迷你圖(Sparkline)、形狀(Shape)、條件格式等圖形化顯示，知足交互式分析、Dashboard、OLAP、BI等數據可視化場景。

5. 在線文檔需求場景

   SpreadJS 已將類 Excel 的界面嵌入 Web 應用中，使最終用戶有能力直接經過瀏覽器完成各類文檔操做，點擊此處，免費體驗SpreadJS在線表格編輯器。

第二部分 純前端表格控件 SpreadJS 典型案例介紹

華爲 - 勘探設計部「eSurvey」

案例特色：在採購SpreadJS 以前，重度依賴 Excel 做爲前期調研、資料收集、數據交互、方案設計 + 審覈的工具，積攢了大量的 Excel 文件須要進行導入導出並現場打印，使用SpreadJS後，上述問題均獲得瞭解決。

江蘇稅軟 - 稅軟臺帳系統

案例特色：因爲稽查各部門、各環節缺乏對查辦案件過程、結果、效率進行詳細記錄，也沒有一個數據共享、交互、彙總平臺，致使在績效考覈中，定性類指標的考覈一般爭議比較大。爲進一步提升稅務稽查執法質效，規範稅務稽查執法行爲，增強稽查績效考覈，強化稽查內控機制，防範執法風險，所以開發了稅軟臺帳系統。該系統須要藉助 SpreadJS 的無編碼模板設計器，實現Excel全部功能，並且流暢度要和本地的Excel幾乎相同。>>案例詳情

華閩通達 - R 平臺應用

案例特色：R 平臺採用了面向業務人員的開發模式，結合現代工業「流水線裝配」的生產理念，提供大量構件，助力客戶項目快速搭建。SpreadJS 表格控件主要用於 R 平臺 Excel 表格和基於單元格報表的定製，即支持瀏覽器展示 Excel 格式、支持客戶端打印、支持在線報表模板編輯、在線填報以及和 Excel 一致的 UI。>>案例詳情

北京三維天地 - 實驗室管理系統

案例特色：客戶通過多方評估，最終選擇 SpreadJS 進行應用系統開發，完成了系統數據展現，實現了數據綁定、採集、反存等功能，解決了如下兩個長期困擾客戶的問題：

1. 原系統爲 B/S 架構，沒有專門用於數據展現的部分，如今須要增長展現數據的模塊

2. 原系統沒法實現數據綁定、展現、採集、反存等功能，此外還須要支持自定義公式以及前端 PDF 導出

使用SpreadJS後，上述問題均獲得瞭解決。>>案例詳情

中國能建 – 企業數據填報

案例特色：「企業數據填報系統」是中國能建安徽電建二公司內部人員數據填報的軟件項目，應用於各類公司各機構數據填報審批，並上報公司總部進行彙總分析。選擇 SpreadJS 主要考慮如下兩方面緣由：

1. 高性能：SpreadJS 是一個基於 HTML5 技術的純 JavaScript 控件。不但提供了更高的渲染性能和更流暢的界面操做，此外，SpreadJS 經過一個高效的數據模型來快速操做數據，使得載入和操做超百萬行數據變得更爲方便且快捷。

2. 無編碼模板設計器：SpreadJS 提供在線表單設計器，其擴展性高，無需編碼，不須要專業培訓，便可快速上手。以前咱們經過 Excel 軟件設計的表格文檔，藉助模板設計器，輕鬆導入 SpreadJS 中，提升了模板的複用性。>>案例詳情

德茂科技 – 財政預算經費審批與填報系統

案例特色：財政預算經費審批與填報系統是茂名市財政業務信息化的一個重要組成部分，目的是打造一個高效的平常財政業務辦公流程。將財政預算的相關工做在信息化的系統中進行。用戶須要一個高度兼容Excel的純前端控件，不只樣式、公式兼容Excel，操做習慣也和Excel保持一致，在系統使用中徹底能夠拋棄掉原 Excel 程序，使全部工做在系統中完成。>>案例詳情

銀彈谷 – V3企業架構平臺

案例特色：V3企業架構平臺（簡稱：V平臺）是運用先進的管理思想和設計方法構建的零編碼、支持配置化生產的新一代軟件開發平臺。之因此選擇 SpreadJS 是由於：

1. 能夠拋棄原插件版報表須要安裝插件的困擾，純H5頁面方式，沒有瀏覽器限制。
2. 繼續沿用原插件版的excel模式的設計器，符合報表設計者的開發習慣，不增長額外學習成本。
3. 原來配置開發的報表基本無需修改，平滑兼容、無縫對接。
4. 經過 SpreadJS 擴展出了更多功能，如報表連打、遠程雲打印、支持報表數據鑽取等。>>案例詳情

最後

但願經過本文介紹，使您對 SpreadJS有了更深刻的瞭解。同時，也但願文章中提到的產品核心功能和典型案例，爲您在開發類Excel 表格應用與跨平臺表格數據交互時，提供更全面的解決方案，助您更高效地處理 Web 端海量表格數據。

若需獲取更多SpreadJS 應用案例，請訪問SpreadJS官網。