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