葡萄城 SpreadJS 表格控件 V11 產(chǎn)品白皮書

一. 關(guān)于葡萄城

葡萄城成立于 1980 年，是全球領(lǐng)先的集開發(fā)工具、商業(yè)智能解決方案、管理系統(tǒng)設(shè)計(jì)工具于 一身的軟件和服務(wù)提供商，為超過 75% 的全球財(cái)富 500 強(qiáng)企業(yè)提供服務(wù)。

葡萄城是微軟公司認(rèn)證的金×××合作伙伴，同時(shí)也是少數(shù)幾個(gè) Microsoft Office Advisory Board 成員之一。在上世紀(jì) 80 年代，葡萄城就加入了 Microsoft Early Adopter Partnership。與微軟公司在技術(shù)領(lǐng)域廣泛而深入地合作，使葡萄城能夠深入地理解并掌握最新的技術(shù)，并能夠把這些最新的技術(shù)恰當(dāng)?shù)剡\(yùn)用到為客戶提供的產(chǎn)品和服務(wù)中。

葡萄城專注開發(fā)工具和企業(yè)軟件領(lǐng)域 30 年，旗下多款產(chǎn)品在國際軟件行業(yè)屢獲殊榮，并在全球被數(shù)十萬家企業(yè)、學(xué)校和政府機(jī)構(gòu)等選用。

二. SpreadJS 表格控件 V11 介紹

1) 產(chǎn)品概述

SpreadJS 純前端表格控件是基于 HTML5 的 Java 電子表格和網(wǎng)格功能控件，適用于 .NET、Java 、Web 應(yīng)用程序、移動(dòng)端等多種平臺的表格數(shù)據(jù)處理和類 Excel 功能的表格程序開發(fā)。全中文操作界面，零學(xué)習(xí)成本！便于您在系統(tǒng)開發(fā)過程中，更安全的管理 Excel 數(shù)據(jù)，更快捷的完成海量數(shù)據(jù)交互，更方便的進(jìn)行數(shù)據(jù)導(dǎo)出、導(dǎo)入、排序、過濾、增刪改查、可視化及 Excel 導(dǎo)入/導(dǎo)出等操作。SpreadJS 純前端表格控件自面世以來，備受華為、中國民航飛行學(xué)院、中國平安、中國能建、中通等國內(nèi)知名企業(yè)客戶青睞。

2) 主要功能

• 模板設(shè)計(jì)器

通過類似 Excel 的 SpreadJS 設(shè)計(jì)器，您可輕松設(shè)計(jì)模板，節(jié)約應(yīng)用程序開發(fā)所需的時(shí)間和精力。無需編碼，各行業(yè)人員均可通過 Excel 軟件設(shè)計(jì)界面，然后輕松導(dǎo)入設(shè)計(jì)器或 SpreadJS 中，即可重用模板。

• 豐富的數(shù)據(jù)交互和外觀

可以通過配置顏色、邊框、字體和表格布局元素來自定義行、列和單元格級別的外觀風(fēng)格。另外， SpreadJS 提供了 Excel 風(fēng)格的主題支持，允許您創(chuàng)建用戶熟悉的 Excel 風(fēng)格界面。

• 數(shù)據(jù)、顯示、可視化和分析支持

如您所想的一樣，通過顯示、可視化和分析功能精確地呈現(xiàn)數(shù)據(jù)。您可以通過 SpreadJS 識別數(shù)據(jù)的趨勢，過濾越界值，通過圖清晰容易的理解數(shù)據(jù)。SpreadJS 數(shù)據(jù)可視化支持包括：

• 支持多工作表

• 支持迷你圖

• 條件格式

• Excel 風(fēng)格分組

• 支持 Excel 風(fēng)格對話框過濾

• 圖表

• 強(qiáng)大的計(jì)算引擎

SpreadJS 包括強(qiáng)大的兼容 Excel 的公式、數(shù)據(jù)聚合、支持 400 多種函數(shù)，跨表格引用以及支持自定義名稱。

• 工作表和單元格級別的數(shù)據(jù)綁定

SpreadJS 既可以像網(wǎng)格一樣使用，綁定整個(gè)工作表到數(shù)據(jù)源。也可以綁定獨(dú)立的單元格以呈現(xiàn)您所希望的樣式。以上兩種綁定都支持雙向綁定，所以您也能使用 SpreadJS 創(chuàng)建錄入表格。

• 數(shù)據(jù)驗(yàn)證

當(dāng)單元格離開編輯模式時(shí)，進(jìn)行單元格中數(shù)據(jù)的驗(yàn)證。SpreadJS 提供了很多內(nèi)置的規(guī)則，讓您可以更快更容易地創(chuàng)建數(shù)據(jù)驗(yàn)證條件，還可以在含有不正確值的單元格上顯示紅圈。

• 單元格類型單元格類型決定了用戶和單元格交互的方式。它包括如何錄入數(shù)據(jù)、顯示數(shù)據(jù)和驗(yàn)證數(shù)據(jù)。單元格類型定義了編輯器和格式器來處理如何解析數(shù)據(jù)，渲染器處理如何呈現(xiàn)數(shù)據(jù)。單元格類型能被設(shè)置到獨(dú)立的單元格、列、行、一組單元格或者整個(gè)表單。當(dāng)綁定到數(shù)據(jù)源，單元格類型依據(jù)數(shù)據(jù)類型自動(dòng)設(shè)置。當(dāng)然，您還可以指定自定義的單元格類型。

• 數(shù)據(jù)操作

SpreadJS 的數(shù)據(jù)操作將工作表設(shè)計(jì)成類似 Excel 的用戶界面行為，包括：拖拽填充，拖拽釋放，Excel 風(fēng)格的過濾，行/列凍結(jié)和大小改變。

• 高速、低耗

SpreadJS 是一個(gè)基于 HTML5 技術(shù)的純前端電子表格控件，它能夠把所有的內(nèi)容以像素點(diǎn)的形式畫在畫布上，但它不是 HTML DOM 元素的合成。同其他普通的數(shù)據(jù)表格相比，SpreadJS 提供了更高的渲染性能和更快的界面操作（比如：選擇和滾動(dòng)）。此外，SpreadJS 通過一個(gè)高效的數(shù)據(jù)模型來快速操作數(shù)據(jù)，這可以方便您流暢地載入和操作海量數(shù)據(jù)。

3) 支持環(huán)境

• 瀏覽器：

支持 HTML5 的瀏覽器：IE9, IE10, IE11,Edge, FireFox, Safari, Chrome。

• 前端 Excel 導(dǎo)入導(dǎo)出：

IE10+，F(xiàn)ireFox，Safari，Chrome。

4) 設(shè)計(jì)理念

• 獨(dú)特的表格繪制畫法，高效性能的保障

SpreadJS 采用一種基于 HTML5 Canvas 繪制表格的畫法，通過一種獨(dú)特受到專利保護(hù)的緩存方式，高

效的完成對表格繪制，尤其體現(xiàn)在表格局部重新繪制及表格滾動(dòng)繪制中。采用該畫法，會(huì)極大的提升繪制

性能，降低 CPU 的占用，讓表格的行為更加流暢自然，增強(qiáng)用戶體驗(yàn)。

在該畫法中，將 SpreadJS 分為多個(gè)圖層進(jìn)行繪制：

• 支持所有現(xiàn)代瀏覽器，且與平臺無關(guān)

SpreadJS 適用于 Windows，Linux，Mac，Android，iOS，并針對所有現(xiàn)代瀏覽器進(jìn)行了測試支持。

• 無依賴的純 Java 庫，支持 Angular/React/Vue

SpreadJS 是純 Java 庫， 對 jQuery 等外部庫或框架沒有任何依賴，使得您的電子表格更輕量級、更可自定義、擁有更好的和其他庫的共用兼容性，并且易于在 VSCode 中使用。支持 Angular v6、React 和

Vue 等常用前端框架，并且您可以選擇使用 Type 語言。

• 優(yōu)化您的 Web 應(yīng)用程序大小和速度

SpreadJS 是模塊化的 JS 庫，因此只需將您所需要的功能模塊添加到您的應(yīng)用中使用，此舉極大的優(yōu)化了您 Web 應(yīng)用程序的大小和速度。

三 產(chǎn)品授權(quán)方式

SpreadJS 授權(quán)由兩個(gè)主要方式組合構(gòu)成：

• 開發(fā)授權(quán)：涵蓋 SpreadJS 在終端用戶應(yīng)用程序開發(fā)中的使用。每一位安裝和使用 SpreadJS 的開發(fā)者均需要一個(gè)開發(fā)授權(quán)。針對企業(yè)中常見的多名開發(fā)人員同時(shí)使用 SpreadJS 的情況，我們提供優(yōu)惠的團(tuán)隊(duì)授權(quán)和企業(yè)授權(quán)模式。

• 部署授權(quán)：涵蓋了 SpreadJS 可再發(fā)行文件的復(fù)制、分發(fā)和部署，它是最終應(yīng)用程序的一部分。包括任何 SpreadJS 可再分發(fā)文件的終端用戶應(yīng)用。部署授權(quán)按照部署域名或者 IP 地址的數(shù)量計(jì)數(shù)。一個(gè)域名（例如：www.grapecity.com.cn）或 IP 地址需要一個(gè)部署授權(quán)。請通過最下方聯(lián)系方式聯(lián)系我們?nèi)〉孟鄳?yīng)數(shù)量的部署授權(quán)。

四. 產(chǎn)品升級和技術(shù)服務(wù)

我們提供兩個(gè)級別的技術(shù)服務(wù)：

• 金×××服務(wù)：訂購年度的金×××服務(wù)并且在服務(wù)有效期內(nèi)，可享受：所購產(chǎn)品的免費(fèi)升級（包括新版本和維護(hù)版本）；不限次數(shù)的電話支持；通過使用葡萄城產(chǎn)品技術(shù)社區(qū)獲得產(chǎn)品使用問題的優(yōu)先處理（通常情況下問題將在一個(gè)工作日內(nèi)得到回復(fù)）。

我們會(huì)為每位金×××服務(wù)用戶專門指定一位技術(shù)服務(wù)工程師，以保證金×××服務(wù)用戶的論壇問題得到

優(yōu)先處理。另外，對于購買金×××服務(wù)的用戶，我們也會(huì)提供電話服務(wù)，在法定工作日的上午 9：00~12：

30，下午 1：30~5：30 可以獲得我們技術(shù)支持團(tuán)隊(duì)的電話支持。

金×××服務(wù)，是 97%用戶的選擇！

• 普通服務(wù)：可免費(fèi)獲得產(chǎn)品的維護(hù)版本和論壇支持

論壇是開發(fā)人員獲得技術(shù)幫助的最佳場所，在這里您可以：

• 就您遇到的使用問題獲得葡萄城技術(shù)支持人員和產(chǎn)品開發(fā)人員的幫助

• 訪問產(chǎn)品的知識庫以了解產(chǎn)品的使用經(jīng)驗(yàn)和技巧

• 瀏覽和學(xué)習(xí)其他用戶的使用方式，并與之交流歡迎訪問葡萄城產(chǎn)品技術(shù)社區(qū)獲得論壇服務(wù)。

五 典型用戶和用戶反饋

“SpreadJS 目前被廣泛應(yīng)用于表單設(shè)計(jì)和數(shù)據(jù)填報(bào)，它帶給我們的不僅僅是良好的用戶友好度體驗(yàn)，通過它我們還可以輕松設(shè)計(jì)模板，節(jié)約應(yīng)用程序開發(fā)所需的時(shí)間和精力。”

中國能源建設(shè)集團(tuán)安徽電力建設(shè)第二工程有限公司

“SpreadJS 控件主要用于項(xiàng)目中的報(bào)表設(shè)計(jì)，展示，打印等功能。參與設(shè)計(jì)報(bào)表的人員完全不需要懂代碼知識，只要會(huì)用 Excel 就可參與設(shè)計(jì)報(bào)表，很符合 R 平臺在線設(shè)計(jì)無編碼開發(fā)的理念，并且類 Excel 的操作模式很符合設(shè)計(jì)人員的使用習(xí)慣，大大加快了工作效率，是日常工作的好幫手。”

福建華閩通達(dá)信息技術(shù)有限公司

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

中國民用航空飛行學(xué)院

“葡萄城技術(shù)支持對產(chǎn)品的了解深入程度讓人佩服，遇到問題能提供專業(yè)、客觀的評估，及時(shí)跟進(jìn)問題，做到問題閉環(huán)。對無法短期解決的問題會(huì)不斷同用戶通報(bào)進(jìn)展，真正讓用戶用得放心，是讓用戶放心把后背交給他的良好合作伙伴?！?/p>

劉林豐 華為技術(shù)有限公司 2012 實(shí)驗(yàn)室 技術(shù)負(fù)責(zé)人

六 產(chǎn)品榮譽(yù)獎(jiǎng)項(xiàng)

• SpreadJS —— 2018 年度優(yōu)秀軟件產(chǎn)品

• SpreadJS —— 2016 年度第二十屆中國國際軟件博覽會(huì)創(chuàng)新獎(jiǎng)