SpreadJS結(jié)合40余年專業(yè)控件技術(shù)和在電子表格應(yīng)用領(lǐng)域的經(jīng)驗(yàn)而推出的純前端表格控件，基于 HTML5，兼容 450 多種 Excel 公式，具備“高性能、跨平臺(tái)、與 Excel 高度兼容”的產(chǎn)品特性，備受華為、明源云、遠(yuǎn)光軟件等知名企業(yè)青睞，被中國(guó)軟件行業(yè)協(xié)會(huì)認(rèn)定為“中國(guó)優(yōu)秀軟件產(chǎn)品”。SpreadJS在界面和功能上與 Excel 高度類似，但又不局限于 Excel，而是為企業(yè)信息化系統(tǒng)提供 表格文檔協(xié)同編輯、 數(shù)據(jù)填報(bào) 和 類 Excel 報(bào)表設(shè)計(jì) 的應(yīng)用場(chǎng)景支持，極大降低了企業(yè)研發(fā)成本和項(xiàng)目交付風(fēng)險(xiǎn)。

獲取SpreadJS最新正式版下載

什么是版本管理？

在介紹版本管理之前，我們先設(shè)想一個(gè)場(chǎng)景：

 某天領(lǐng)導(dǎo)要求我們做一份表格，需要統(tǒng)計(jì)公司所有員工的餐費(fèi)數(shù)據(jù)用于報(bào)銷，于是我們統(tǒng)計(jì)了所有的餐費(fèi)數(shù)據(jù)，整理為了一個(gè)表格發(fā)送給領(lǐng)導(dǎo)，美滋滋的準(zhǔn)備下班。

 這個(gè)時(shí)候，領(lǐng)導(dǎo)說(shuō)，試用期內(nèi)的員工餐費(fèi)數(shù)據(jù)需要單獨(dú)處理，分開(kāi)報(bào)銷，于是我們又重新篩選出了試用期內(nèi)員工數(shù)據(jù)，重新做了表格。

接著領(lǐng)導(dǎo)又說(shuō)，經(jīng)過(guò)財(cái)務(wù)部討論，最終還是決定一起報(bào)銷了。

我們可能就傻眼了，已經(jīng)將表格內(nèi)試用期內(nèi)員工數(shù)據(jù)刪除了，再一個(gè)個(gè)添加進(jìn)去也太麻煩了！

如果我們之前將統(tǒng)一報(bào)銷的表格另外保存就好了，這樣就可以直接拿來(lái)使用了。

當(dāng)你產(chǎn)生了這種念頭，說(shuō)明已經(jīng)有了版本管理的需求。

 版本管理其實(shí)就是一種記錄文檔變化的方式，用于保存特定版本的內(nèi)容。當(dāng)我們需要查看某一版本的文檔時(shí)，再具體查看即可，如果需要對(duì)其修改，再另存為一個(gè)新版本的文檔。

按照這樣的思路，我們延續(xù)剛才的場(chǎng)景：

 此時(shí)我們電腦中已經(jīng)保存了多個(gè)版本文檔：費(fèi)用update1.xlsx、費(fèi)用update2.xlsx、費(fèi)用update3.xlsx…….

 隨著員工信息的變動(dòng)，文檔的個(gè)數(shù)也在逐個(gè)遞增。有時(shí)候一天內(nèi)入職/離職多個(gè)同事，這個(gè)表會(huì)更新好幾遍；還會(huì)出現(xiàn)因粗心保存錯(cuò)了，當(dāng)日的數(shù)據(jù)又得重新再填的問(wèn)題……

隨著困難逐步暴露出來(lái)，我們終于意識(shí)到靠人工去維護(hù)各個(gè)版本的文檔還是很困難的。

文檔版本管理的技術(shù)難點(diǎn)

 上升到企業(yè)角度，文檔管理工作更是至關(guān)重要。由于企業(yè)文檔管理工作不到位造成的經(jīng)濟(jì)損失或信用危機(jī)更是屢見(jiàn)不鮮。在企業(yè)文檔版本管理中，常見(jiàn)的問(wèn)題如下：

1、文檔版本混亂

 常規(guī)的文檔管理多是通過(guò)區(qū)分文件名的方式來(lái)判斷的，正如前面所述，當(dāng)文件頻繁修改、版本數(shù)量不斷增多時(shí)，極易出現(xiàn)版本混亂、查找困難等問(wèn)題。在需要共享文件時(shí)，也易出現(xiàn)發(fā)送錯(cuò)誤版本的可能性。

2、文檔版本沖突

 當(dāng)某位同事修改文檔后，需要將這個(gè)文件共享給所有同事，并且其他同事也需要同步修改，以保證文檔的一致性。如果多位同事同時(shí)做出修改，整個(gè)同步過(guò)程將非常復(fù)雜且難以人工判斷，極易出現(xiàn)遺漏、修改錯(cuò)誤等問(wèn)題

3、數(shù)據(jù)安全無(wú)法保證

 多人維護(hù)同一個(gè)文件時(shí)，編輯權(quán)限難以對(duì)應(yīng)具體角色，修改過(guò)程中容易出現(xiàn)編輯重復(fù)、編輯錯(cuò)誤、甚至于數(shù)據(jù)丟失等問(wèn)題。

4、操作記錄難以追溯

 在最后一位同事完成修改行為之后，我們拿到的是一份最新文檔。但是從文檔中無(wú)法判斷出某一個(gè)數(shù)據(jù)的修改是由哪位同事、什么時(shí)間、如何修改的。這就造成如果出現(xiàn)問(wèn)題，容易互相推諉責(zé)任。

企業(yè)文檔管理解決方案

慶幸的是，隨著現(xiàn)在互聯(lián)網(wǎng)技術(shù)的發(fā)展，已經(jīng)有成熟的技術(shù)可以幫助我們來(lái)解決這些困難。本文基于純前端類Excel表格控件SpreadJS為例，提供一個(gè)解決版本管理的優(yōu)雅設(shè)計(jì)和實(shí)現(xiàn)思路。

SpreadJS是一款可嵌入Web系統(tǒng)的純前端類Excel的表格控件，在純前端的運(yùn)行環(huán)境下，可以雙向兼容90%以上Excel原生功能，并保持了類Excel的操作體驗(yàn)，可以讓熟悉Excel的用戶無(wú)縫銜接，無(wú)需培訓(xùn)即可上手使用。

下圖我們所看到的就是使用SpreadJS做的一個(gè)在線文檔管理系統(tǒng)示例demo：

用戶可直接新建表格，也可以加載本地的excel文件，SpreadJS都有提供相應(yīng)的接口。

同樣的，也提供了導(dǎo)出json或excel的功能，可以根據(jù)實(shí)際業(yè)務(wù)需求保存至服務(wù)端或數(shù)據(jù)庫(kù)。

新建或加載文件后，我們就可以借助SpreadJS來(lái)做一些編輯或修改行為。

 上圖所示是基于SpreadJS二次開(kāi)發(fā)實(shí)現(xiàn)的組件化在線表格編輯器，可以看到整體的設(shè)計(jì)風(fēng)格是與Excel高度類似的，也更符合用戶的操作習(xí)慣?？梢酝ㄟ^(guò)操作工具欄提供的內(nèi)置功能，或者基于SpreadJS現(xiàn)有API進(jìn)行二次開(kāi)發(fā)，編輯修改文檔。

 SJS提供了豐富的命令和事件來(lái)監(jiān)聽(tīng)修改行為，在本demo中，每做一次修改之后，使用SpreadJS的toJSON方法進(jìn)行數(shù)據(jù)的導(dǎo)出，來(lái)記錄每一次的變動(dòng)情況。

如果有多個(gè)修改行為，可以在這些行為完成之后，對(duì)此文檔進(jìn)行導(dǎo)出保存，來(lái)作為一個(gè)新的版本。

 相應(yīng)的，如果想還原至某一個(gè)版本或記錄，就可以使用fromJSON方法加載這個(gè)版本對(duì)應(yīng)的數(shù)據(jù)進(jìn)行導(dǎo)入。

 除此之外， SpreadJS在權(quán)限設(shè)計(jì)方面也給予了開(kāi)發(fā)者很大的自由度，作為一個(gè)前端控件產(chǎn)品，開(kāi)發(fā)者可以結(jié)合實(shí)際業(yè)務(wù)需求，對(duì)不同權(quán)限給予相應(yīng)的可見(jiàn)性、文件加載限制。并且，SpreadJS提供了相應(yīng)的接口，可以設(shè)置表單、行列等元素是否可見(jiàn)、利用表單保護(hù)功能，可以對(duì)單元格的編輯權(quán)限進(jìn)行限制；也可以根據(jù)用戶實(shí)際需求自定制工具欄按鈕的可用狀態(tài)等。豐富靈活的API接口，滿足了更多用戶的定制化需求。

總體來(lái)說(shuō)，在企業(yè)文檔管理上，SpreadJS發(fā)揮的優(yōu)勢(shì)如下：

1、文檔版本有序管理

 使用SpreadJS構(gòu)建的版本管理系統(tǒng)可以有效解決文檔版本混亂問(wèn)題，借助SpreadJS提供API，可以對(duì)文檔生成時(shí)機(jī)精確判別，自動(dòng)生成版本文檔。

2、避免文檔內(nèi)容沖突

 借助SpreadJS可建立統(tǒng)一的文件管理平臺(tái)，不同用戶可在線訪問(wèn)同個(gè)文件，實(shí)現(xiàn)文件間的傳遞或同步，避免多人編輯出現(xiàn)的內(nèi)容沖突問(wèn)題。

3、權(quán)限控制保證數(shù)據(jù)安全

 利用web項(xiàng)目的開(kāi)發(fā)優(yōu)勢(shì)和SpreadJS提供的相關(guān)API，可對(duì)不同角色設(shè)置相應(yīng)操作權(quán)限，滿足部分單元格禁止編輯、文件只讀、審批上報(bào)等需求，保證文件數(shù)據(jù)的安全性。

4、降低成本提升開(kāi)發(fā)效率

 SpreadJS兼具 “高性能、跨平臺(tái)、與 Excel 高度兼容”的產(chǎn)品特性，結(jié)合配套后端產(chǎn)品GcExcel可快速開(kāi)發(fā)滿足企業(yè)需求的文檔版本管理系統(tǒng)，保證文件版本質(zhì)量的同時(shí)，也提升了團(tuán)隊(duì)開(kāi)發(fā)效率，降低企業(yè)開(kāi)發(fā)成本。

本文內(nèi)容源自