當前位置:
首頁 > 知識 > 葡萄城 SpreadJS 純前端表格控制項-產品白皮書

葡萄城 SpreadJS 純前端表格控制項-產品白皮書

一. 關於葡萄城

葡萄城成立於 1980 年,是全球領先的集開發工具、商業智能解決方案、管理系統設計工具於 一身的軟體和服務提供商,為超過 75% 的全球財富 500 強企業提供服務。

葡萄城是微軟公司認證的金牌合作夥伴,同時也是少數幾個 Microsoft Office Advisory Board 成員之一。在上世紀 80 年代,葡萄城就加入了 Microsoft Early Adopter Partnership。與微軟公司在技術領域廣泛而深入地合作,使葡萄城能夠深入地理解並掌握最新的技術,並能夠把這些最新的技術恰當地運用到為客戶提供的產品和服務中。

葡萄城專註開發工具和企業軟體領域 30 年,旗下多款產品在國際軟體行業屢獲殊榮,並在全球被數十萬家企業、學校和政府機構等選用。

葡萄城 SpreadJS 純前端表格控制項-產品白皮書


二. SpreadJS 表格控制項 V11 介紹

1) 產品概述

SpreadJS 純前端表格控制項是基於 HTML5 的 JavaScript 電子表格和網格功能控制項,適用於 .NET、Java 、Web 應用程序、移動端等多種平台的表格數據處理和類 Excel 功能的表格程序開發。全中文操作界面,零學習成本!便於您在系統開發過程中,更安全的管理 Excel 數據,更快捷的完成海量數據交互,更方便的進行數據導出、導入、排序、過濾、增刪改查、可視化及 Excel 導入/導出等操作。SpreadJS 純前端表格控制項自面世以來,備受華為、中國民航飛行學院、中國平安、中國能建、中通等國內知名企業客戶青睞。


2) 主要功能

  • 模板設計器

通過類似 Excel 的 SpreadJS 設計器,您可輕鬆設計模板,節約應用程序開發所需的時間和精力。無需編碼,各行業人員均可通過 Excel 軟體設計界面,然後輕鬆導入設計器或 SpreadJS 中,即可重用模板。

葡萄城 SpreadJS 純前端表格控制項-產品白皮書


  • 豐富的數據交互和外觀

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

葡萄城 SpreadJS 純前端表格控制項-產品白皮書


  • 數據、顯示、可視化和分析支持

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

  • 支持多工作表
  • 支持迷你圖
  • 條件格式
  • Excel 風格分組
  • 支持 Excel 風格對話框過濾
  • 圖表


葡萄城 SpreadJS 純前端表格控制項-產品白皮書


  • 強大的計算引擎

SpreadJS 包括強大的兼容 Excel 的公式、數據聚合、支持 400 多種函數,跨表格引用以及支持自定義名稱。

葡萄城 SpreadJS 純前端表格控制項-產品白皮書


  • 工作表和單元格級別的數據綁定

SpreadJS 既可以像網格一樣使用,綁定整個工作表到數據源。也可以綁定獨立的單元格以呈現您所希望的樣式。以上兩種綁定都支持雙向綁定,所以您也能使用 SpreadJS 創建錄入表格。

葡萄城 SpreadJS 純前端表格控制項-產品白皮書


  • 數據驗證

當單元格離開編輯模式時,進行單元格中數據的驗證。SpreadJS 提供了很多內置的規則,讓您可以更快更容易地創建數據驗證條件,還可以在含有不正確值的單元格上顯示紅圈。

葡萄城 SpreadJS 純前端表格控制項-產品白皮書


  • 單元格類型單元格類型決定了用戶和單元格交互的方式

    。它包括如何錄入數據、顯示數據和驗證數據。單元格類型定義了編輯器和格式器來處理如何解析數據,渲染器處理如何呈現數據。單元格類型能被設置到獨立的單元格、列、行、一組單元格或者整個表單。當綁定到數據源,單元格類型依據數據類型自動設置。當然,您還可以指定自定義的單元格類型。


葡萄城 SpreadJS 純前端表格控制項-產品白皮書


  • 數據操作

SpreadJS 的數據操作將工作表設計成類似 Excel 的用戶界面行為,包括:拖拽填充,拖拽釋放,Excel 風格的過濾,行/列凍結和大小改變。

葡萄城 SpreadJS 純前端表格控制項-產品白皮書


  • 高速、低耗

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

葡萄城 SpreadJS 純前端表格控制項-產品白皮書


3) 支持環境

  • 瀏覽器:

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

  • 前端 Excel 導入導出:

IE10+,FireFox,Safari,Chrome。

4) 設計理念

  • 獨特的表格繪製畫法,高效性能的保障

SpreadJS 採用一種基於 HTML5 Canvas 繪製表格的畫法,通過一種獨特受到專利保護的緩存方式,高效的完成對表格繪製,尤其體現在表格局部重新繪製及表格滾動繪製中。採用該畫法,會極大的提升繪製性能,降低 CPU 的佔用,讓表格的行為更加流暢自然,增強用戶體驗。在該畫法中,將 SpreadJS 分為多個圖層進行繪製:

葡萄城 SpreadJS 純前端表格控制項-產品白皮書


  • 支持所有現代瀏覽器,且與平台無關

SpreadJS 適用於 Windows,Linux,Mac,Android,iOS,並針對所有現代瀏覽器進行了測試支持。

  • 無依賴的純 JavaScript 庫,支持 Angular/React/Vue

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

Vue 等常用前端框架,並且您可以選擇使用 TypeScript 語言。

  • 優化您的 Web 應用程序大小和速度

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


三 產品授權方式

SpreadJS 授權由兩個主要方式組合構成:

  • 開發授權:涵蓋 SpreadJS 在終端用戶應用程序開發中的使用。每一位安裝和使用 SpreadJS 的開發者均需要一個開發授權。針對企業中常見的多名開發人員同時使用 SpreadJS 的情況,我們提供優惠的團隊授權和企業授權模式。
  • 部署授權:涵蓋了 SpreadJS 可再發行文件的複製、分發和部署,它是最終應用程序的一部分。包括任何 SpreadJS 可再分發文件的終端用戶應用。部署授權按照部署域名或者 IP 地址的數量計數。一個域名(例如:www.grapecity.com.cn)或 IP 地址需要一個部署授權。請通過最下方聯繫方式聯繫我們取得相應數量的部署授權。

四. 產品升級和技術服務

我們提供兩個級別的技術服務:

  • 金牌服務:訂購年度的金牌服務並且在服務有效期內,可享受:所購產品的免費升級(包括新版本和維護版本);不限次數的電話支持;通過使用葡萄城產品技術社區獲得產品使用問題的優先處理(通常情況下問題將在一個工作日內得到回復)。

我們會為每位金牌服務用戶專門指定一位技術服務工程師,以保證金牌服務用戶的論壇問題得到

優先處理。另外,對於購買金牌服務的用戶,我們也會提供電話服務,在法定工作日的上午 9:00~12:30,下午 1:30~5:30 可以獲得我們技術支持團隊的電話支持。

金牌服務,是 97%用戶的選擇!

  • 普通服務:可免費獲得產品的維護版本和論壇支持

論壇是開發人員獲得技術幫助的最佳場所,在這裡您可以:

  • 就您遇到的使用問題獲得葡萄城技術支持人員和產品開發人員的幫助
  • 訪問產品的知識庫以了解產品的使用經驗和技巧
  • 瀏覽和學習其他用戶的使用方式,並與之交流歡迎訪問葡萄城產品技術社區獲得論壇服務。

五 典型用戶和用戶反饋


葡萄城 SpreadJS 純前端表格控制項-產品白皮書


「SpreadJS 目前被廣泛應用於表單設計和數據填報,它帶給我們的不僅僅是良好的用戶友好度體驗,通過它我們還可以輕鬆設計模板,節約應用程序開發所需的時間和精力。」

中國能源建設集團安徽電力建設第二工程有限公司

「SpreadJS 控制項主要用於項目中的報表設計,展示,列印等功能。參與設計報表的人員完全不需要懂代碼知識,只要會用 Excel 就可參與設計報表,很符合 R 平台在線設計無編碼開發的理念,並且類 Excel 的操作模式很符合設計人員的使用習慣,大大加快了工作效率,是日常工作的好幫手。」

福建華閩通達信息技術有限公司

「使用 SpreadJS 我們可以輕鬆設計模板,節約應用程序開發所需的時間和精力。無需編碼,財務、人事管理人員均可通過 Excel 軟體設計界面,設計計算公式,然後輕鬆導入設計器或 SpreadJS 中,就可實現模板重用。這大大減輕了工作強度,使得快速開發得以實現。」

中國民用航空飛行學院

「葡萄城技術支持對產品的了解深入程度讓人佩服,遇到問題能提供專業、客觀的評估,及時跟進問題,做到問題閉環。對無法短期解決的問題會不斷同用戶通報進展,真正讓用戶用得放心,是讓用戶放心把後背交給他的良好合作夥伴。」

劉林豐 華為技術有限公司 2012 實驗室 技術負責人


六 產品榮譽獎項

  • SpreadJS —— 2018 年度優秀軟體產品


葡萄城 SpreadJS 純前端表格控制項-產品白皮書


  • SpreadJS —— 2016 年度第二十屆中國國際軟體博覽會創新獎


葡萄城 SpreadJS 純前端表格控制項-產品白皮書


喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 葡萄城GrapeCity 的精彩文章:

漸進式Web應用程序的深入概述

TAG:葡萄城GrapeCity |