1. 需要學什么(10分鐘)
1.1前序
歡迎來到SpreadJS產品的新手入門!本指南旨在幫助零基礎的初學者了解和入門SpreadJS產品,如果您是第一次接觸SpreadJS,或者僅對JavaScript熟悉也不用擔心,我們將從最基礎的知識開始介紹。
SpreadJS是一款強大的JavaScript電子表格控件。它可以輕松地嵌入到您的網頁應用程序中,幫助您實現功能豐富的電子表格功能,包括數據的展示、編輯、計算和分析等。SpreadJS具有靈活性和高度可定制性,可適應各種不同的業務需求。
1.2學習前準備
在開始學習之前,您需要具備以下一些基礎知識,如果已具備前端開發基礎,可跳過:
*HTML和CSS:SpreadJS是一個JavaScript庫,它需要與HTML和CSS一起使用,確保您對HTML標記和CSS樣式有一定的了解。
*JavaScript編程:SpreadJS是基于JavaScript的,因此您需要對JavaScript編程語言有一定的了解,如果您之前沒有接觸過JavaScript,建議您先學習一些基礎知識。
*瀏覽器環境:SpreadJS在Web瀏覽器環境下運行,所以對于瀏覽器的基本概念和工作原理有一些了解會很有幫助。
1.3產品概念
SpreadJS 是一款基于HTML5 的純前端表格控件,內置513 種公式函數,其中與Excel 兼容的有459種。具備”高性能、跨平臺、與 Excel
高度兼容”的產品特性,被中國軟件行業協會認定為“中國優秀軟件產品”。
SpreadJS 在界面和功能上與 Excel 高度類似,但又不局限于 Excel,而是為企業信息化系統提供表格文檔協同編輯、數據填報和類 Excel 報表設計的應用場景支持。
1.4產品選型指南
葡萄城為您提供了全方位的產品選型和技術支持服務,為您配備的專屬技術顧問可與您一起驗證項目需求,幫您在最短時間內、最有效的了解產品,幫助您判斷SpreadJS是否符合您的預期需求問題。
2. 學完能干什么(5分鐘)
2.1 判斷 SpreadJS
是否能滿足場景對表格的功能需求
SpreadJS 的功能包括在線表格編輯器、在線導入/導出 Excel 、自定義計算公式、數據綁定、自定制打印等,產品兼容 450 種以上的 Excel 公式,完全基于
HTML5 標準,常見的瀏覽器(如 Chrome、Firefox、Safari、IE Edge、360 極速瀏覽器、QQ 瀏覽器等)都可作為 SpreadJS 運行的容器。
SpreadJS 實現上述功能時,無需預裝任何插件或第三方應用軟件,也不會對已有系統的架構進行破壞,可以以原生的方式嵌入各類應用(如 B/S、H5 小程序、APP
等),并與各類后端技術框架(如 Java、.NET 等)相結合,實現真正的跨平臺。
3. 應該怎么學(30分鐘)
3.1準備工作
歡迎使用SpreadJS!本指南旨在幫助您快速開始您的第一個項目,不管你是提埋點需求的業務方還是負責代碼埋點的開發人員,在首次接觸SpreadJS時,建議跟隨指南的步驟,從頭開始閱讀。
3.2在線體驗產品
操作體驗SpreadJS的強大功能,推薦體驗路徑:文件 > 導入 > Excel 文件。打開本地 Excel 文件,體驗在瀏覽器中與 Excel 軟件兼容的表格操作和功能。
操作體驗SpreadJS的強大性能,推薦體驗路徑:修改行數為 100000 行,列數為 20 列,此時表格中有 200
萬個有數據和樣式的單元格,體驗上下滾動或者修改某個單元格的流暢程度。
3.3在本地快速搭建產品
Demo
這是一個基于 SpreadJS 純前端表格控件進行快速開發的原型腳手架工具,提供:
- 快速建立基于 SpreadJS 的在線類 Excel 應用初始 Demo
- 通過模板選擇 Vue2/Vue3/React 多種原型版本
- 可選擇是否在原型中創建帶有表格編輯器插件(Designer) 的 Demo
備注:運行腳手架工具,需要安裝 Node.JS ,推薦安裝最新版本,腳手架支持14.20.x以后的 Node版本
3.3.1安裝 spreadjs-cli 腳手架工具(如果使用npx 方式運行,可跳過此步驟)
3.3.2通過spreadjs-cli 創建demo(自動建立目錄)
3.3.3選擇模版原型
3.3.4進入目錄并運行
4. 我學到了什么(10分鐘)
4.1了解 SpreadJS
的主要功能和核心價值
(1)純前端組件、跨平臺應用嵌入
(2)在線導入、導出Excel
(3)業界領先的Excel兼容度
(4)極高的性能處理和響應速度
(5)強大的公式計算引擎
(6)配套GcExcel服務端組件
4.2在線體驗產品的功能和性能
在線表格編輯器是 SpreadJS 的核心功能之一,可直接在 Angular、 React、 Vue 等前端框架中使用,內置開放的 API 和類 Excel 的 UI
設計元素(如工具面板),可實現高效的模板設計、在線編輯和數據綁定,為最終用戶帶來高度類似 Excel 的使用體驗。
4.3本地環境中創建第一個
SpreadJS 應用
使用CLI原型腳手架工具,成功創建了 SpreadJS 前端工程,感受到基于 SpreadJS 純前端表格控件進行快速開發的便利性。
歡迎大家反饋使用腳手架工程中碰到的問題,或者提出對此工具的建議,歡迎在線咨詢提問或撥打400-657-6008,了解更多SpreadJS的強大功能。