前端解析 Excel 文檔,實(shí)現(xiàn)多人在線協(xié)同編輯
SpreadJS 典型應(yīng)用場(chǎng)景:表格文檔協(xié)同編輯
在線文檔,是指將桌面文檔的工作和流程在線化。因?yàn)橛脩粼缫蚜?xí)慣使用 Excel 軟件來處理海量數(shù)據(jù),因此,研發(fā)一套在線文檔系統(tǒng),除要考慮多人協(xié)作、數(shù)據(jù)同步和二次擴(kuò)展等問題外,還必須滿足Excel操作習(xí)慣、公式計(jì)算和系統(tǒng)性能的要求。
通過嵌入 SpreadJS 純前端表格控件,企業(yè)可有效應(yīng)對(duì)多人協(xié)同的技術(shù)難點(diǎn),迅速搭建出具備高效率、簡(jiǎn)單易用、可快速響應(yīng)業(yè)務(wù)需求變化的在線文檔系統(tǒng),實(shí)現(xiàn)多人共享編輯。
實(shí)現(xiàn)文檔在線協(xié)同編輯的技術(shù)難點(diǎn)
多人協(xié)作和數(shù)據(jù)處理效率低
- 研發(fā)多人協(xié)同編輯模塊的成本高
- 數(shù)據(jù)傳輸效率和數(shù)據(jù)同步性難以保證
- 不支持多人同時(shí)編輯,缺乏必要的流程管控
- 協(xié)同編輯時(shí),無法留存記錄和歷史版本
- 不能有效解決實(shí)時(shí)通信和編輯沖突等問題
難以二次擴(kuò)展、系統(tǒng)易用性差
- 組件功能缺乏,需要對(duì)源碼大量修改
- 對(duì)數(shù)值操作的顆粒度不夠,用戶使用體驗(yàn)差
- 產(chǎn)品功能需要依賴第三方組件
- 內(nèi)置 API 接口數(shù)量少,可擴(kuò)展性不足
- 需求變化響應(yīng)不及時(shí),需要研發(fā)部門介入
與原系統(tǒng)、框架的兼容性不夠
- 非前端架構(gòu),存在依賴項(xiàng),需要預(yù)裝環(huán)境
- 不兼容 Excel 數(shù)據(jù)源、不支持 Excel 導(dǎo)入導(dǎo)出
- 難以嵌入各類應(yīng)用及技術(shù)框架中
- 無法與后端技術(shù)框架(如 Java、.NET)相結(jié)合
- 不支持跨平臺(tái)開發(fā)和多終端設(shè)備
SpreadJS 用于開發(fā)在線文檔系統(tǒng)的優(yōu)勢(shì)
可將 Excel 的功能和使用體驗(yàn)完美嵌入到系統(tǒng)中
SpreadJS 純前端表格控件提供了類 Excel 的操作界面、開放的 API 和靈活易用的 在線表格編輯器 ,可用來搭建可多人協(xié)同的在線文檔系統(tǒng),有效解決表格文檔協(xié)同編輯的諸多技術(shù)難點(diǎn)。
將 SpreadJS 嵌入系統(tǒng),可實(shí)現(xiàn) Excel導(dǎo)入導(dǎo)出、在線編輯、數(shù)據(jù)綁定、表單保護(hù)、PDF導(dǎo)出、自定制打印等功能,通過對(duì)其二次擴(kuò)展,可以滿足多人同時(shí)在線編輯、共享文檔、數(shù)據(jù)同步、版本管理、批量導(dǎo)出等業(yè)務(wù)需求,快速開發(fā)出支持多人協(xié)作的在線文檔系統(tǒng)。
(基于 SpreadJS 實(shí)現(xiàn)的在線文檔編輯系統(tǒng))
純前端組件,適用于多人協(xié)作系統(tǒng)開發(fā)
多人協(xié)作需要中心系統(tǒng)的支持,SpreadJS 基于其純前端的體系架構(gòu)可以很容易的嵌入系統(tǒng)開發(fā),并以原生的方式嵌入各類應(yīng)用,如:B/S、H5 小程序、APP 等,完美兼容原生系統(tǒng)。
實(shí)現(xiàn)精細(xì)控制,提供單元格級(jí)別的數(shù)據(jù)操作
SpreadJS的絕大部分功能是支持命令的,這使得數(shù)據(jù)操作變得十分簡(jiǎn)單,用戶可以針對(duì)具體的業(yè)務(wù)邏輯做出更精細(xì)化的操作轉(zhuǎn)換,大幅提高協(xié)作效率。
提供表格編輯器,支持在線編輯 Excel 文檔
SpreadJS 的 表格編輯器由頂部菜單、公式欄、右鍵菜單、彈出框和狀態(tài)欄等模塊組成,用戶僅通過簡(jiǎn)單的拖拽點(diǎn)擊,即可設(shè)計(jì)各類Excel報(bào)表模板,實(shí)現(xiàn)數(shù)據(jù)填報(bào)、公式計(jì)算、數(shù)據(jù)管理、數(shù)據(jù)可視化等功能。
支持跨平臺(tái)開發(fā),提供一流的框架支持及擴(kuò)展
SpreadJS 已兼容 Angular、React、Vue、TypeScript 等前端開發(fā)框架,可嵌入各類終端設(shè)備和后端技術(shù)框架,無需預(yù)裝第三方插件,即可二次擴(kuò)展。
提供開放的 API 和高度類似 Excel 的操作模式
SpreadJS 兼容 Excel 90% 以上的常用功能,并支持在線導(dǎo)入、導(dǎo)出Excel 文件。此外,SpreadJS 提供的表格操作行為和處理邏輯與 Excel 幾乎一致,其外觀、工具欄、對(duì)話框、右鍵菜單等均可自定義。
無需依賴 Excel 軟件,輕松搭建表格文檔協(xié)同系統(tǒng)
SpreadJS 是一款開發(fā)工具,具備比 Excel 更開放的架構(gòu),可幫助開發(fā)人員減輕重復(fù)編碼和測(cè)試工作,研發(fā)并維護(hù)在線文檔系統(tǒng)。在優(yōu)化用戶體驗(yàn)的同時(shí),降低研發(fā)成本、加速項(xiàng)目落地。
SpreadJS 的功能特色
-
類Excel的操作模式
高度類似 Excel 的布局和操作,用戶無需學(xué)習(xí),可立即使用。
-
純前端導(dǎo)入、導(dǎo)出 Excel 文件
無需后臺(tái)代碼和第三方組件!在瀏覽器中即可導(dǎo)入導(dǎo)出 Excel。
-
支持二次開發(fā)、可擴(kuò)展能力強(qiáng)
以原生的方式嵌入各類應(yīng)用,輕松擴(kuò)展,無需考慮與原系統(tǒng)的兼容問題。
-
支持多框架、多終端、多瀏覽器
依據(jù) HTML5 標(biāo)準(zhǔn),支持所有的主流瀏覽器,無需預(yù)裝第三方插件。
-
快速響應(yīng)需求變化
無需 IT 部門介入,業(yè)務(wù)人員可直接在線錄入數(shù)據(jù)并設(shè)計(jì)模板。
-
強(qiáng)大、高效的計(jì)算引擎
可為復(fù)雜公式增加算力,并最大化減少資源占用。
SpreadJS 表格文檔協(xié)同編輯場(chǎng)景的典型案例
上海佳軟 - 雷鳥365在線表格文檔系統(tǒng)
該系統(tǒng)基于 SpreadJS 實(shí)現(xiàn)了在線協(xié)同編輯,讓 Excel 聯(lián)網(wǎng)成為可能,從此告別郵件、微信傳輸文檔。系統(tǒng)只需要導(dǎo)入本地 Excel 文件,即可實(shí)現(xiàn)多人共享編輯文檔,還可以設(shè)置訪問修改權(quán)限。
查看詳細(xì)成都三節(jié)課 - Teammark 知識(shí)管理庫(kù)
由三節(jié)課研發(fā)的 Teammark 系統(tǒng),由 SpreadJS 二次開發(fā)實(shí)現(xiàn),該系統(tǒng)采用了行業(yè)優(yōu)秀的工作方法,以 Excel 模板作為基本的文檔范例,滿足了客戶在線多人編輯 Excel 文檔的剛性需求。
查看詳細(xì)筑智建 | SPD - 質(zhì)量數(shù)據(jù)云
SPDQD 質(zhì)量數(shù)據(jù)云,是一套面向廣大施工技術(shù)人員,提供施工現(xiàn)場(chǎng)質(zhì)量技術(shù)資料在線編制、管理和多人實(shí)時(shí)在線協(xié)作的系統(tǒng)。該系統(tǒng)基于SpreadJS二次開發(fā),不僅高度還原了 Excel 的操作模式和布局,還實(shí)現(xiàn)了報(bào)告模板的在線設(shè)計(jì)和數(shù)據(jù)錄入。
查看詳細(xì)