SpreadJS結合40余年專業控件技術和在電子表格應用領域的經驗而推出的純前端表格控件，基于 HTML5，兼容 450 多種 Excel 公式，具備“高性能、跨平臺、與 Excel 高度兼容”的產品特性，備受華為、明源云、遠光軟件等知名企業青睞，被中國軟件行業協會認定為“中國優秀軟件產品”。SpreadJS在界面和功能上與 Excel 高度類似，但又不局限于 Excel，而是為企業信息化系統提供 表格文檔協同編輯、 數據填報 和 類 Excel 報表設計 的應用場景支持，極大降低了企業研發成本和項目交付風險。

獲取SpreadJS最新正式版下載

什么是版本管理？

在介紹版本管理之前，我們先設想一個場景：

某天領導要求我們做一份表格，需要統計公司所有員工的餐費數據用于報銷，于是我們統計了所有的餐費數據，整理為了一個表格發送給領導，美滋滋的準備下班。

這個時候，領導說，試用期內的員工餐費數據需要單獨處理，分開報銷，于是我們又重新篩選出了試用期內員工數據，重新做了表格。

接著領導又說，經過財務部討論，最終還是決定一起報銷了。

我們可能就傻眼了，已經將表格內試用期內員工數據刪除了，再一個個添加進去也太麻煩了！

如果我們之前將統一報銷的表格另外保存就好了，這樣就可以直接拿來使用了。

當你產生了這種念頭，說明已經有了版本管理的需求。

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

按照這樣的思路，我們延續剛才的場景：

此時我們電腦中已經保存了多個版本文檔：費用update1.xlsx、費用update2.xlsx、費用update3.xlsx…….

隨著員工信息的變動，文檔的個數也在逐個遞增。有時候一天內入職/離職多個同事，這個表會更新好幾遍；還會出現因粗心保存錯了，當日的數據又得重新再填的問題……

隨著困難逐步暴露出來，我們終于意識到靠人工去維護各個版本的文檔還是很困難的。

文檔版本管理的技術難點

上升到企業角度，文檔管理工作更是至關重要。由于企業文檔管理工作不到位造成的經濟損失或信用危機更是屢見不鮮。在企業文檔版本管理中，常見的問題如下：

1、文檔版本混亂

常規的文檔管理多是通過區分文件名的方式來判斷的，正如前面所述，當文件頻繁修改、版本數量不斷增多時，極易出現版本混亂、查找困難等問題。在需要共享文件時，也易出現發送錯誤版本的可能性。

2、文檔版本沖突

當某位同事修改文檔后，需要將這個文件共享給所有同事，并且其他同事也需要同步修改，以保證文檔的一致性。如果多位同事同時做出修改，整個同步過程將非常復雜且難以人工判斷，極易出現遺漏、修改錯誤等問題

3、數據安全無法保證

多人維護同一個文件時，編輯權限難以對應具體角色，修改過程中容易出現編輯重復、編輯錯誤、甚至于數據丟失等問題。

4、操作記錄難以追溯

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

企業文檔管理解決方案

慶幸的是，隨著現在互聯網技術的發展，已經有成熟的技術可以幫助我們來解決這些困難。本文基于純前端類Excel表格控件SpreadJS為例，提供一個解決版本管理的優雅設計和實現思路。

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

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

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

同樣的，也提供了導出json或excel的功能，可以根據實際業務需求保存至服務端或數據庫。

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

上圖所示是基于SpreadJS二次開發實現的組件化在線表格編輯器，可以看到整體的設計風格是與Excel高度類似的，也更符合用戶的操作習慣。可以通過操作工具欄提供的內置功能，或者基于SpreadJS現有API進行二次開發，編輯修改文檔。

SJS提供了豐富的命令和事件來監聽修改行為，在本demo中，每做一次修改之后，使用SpreadJS的toJSON方法進行數據的導出，來記錄每一次的變動情況。

如果有多個修改行為，可以在這些行為完成之后，對此文檔進行導出保存，來作為一個新的版本。

相應的，如果想還原至某一個版本或記錄，就可以使用fromJSON方法加載這個版本對應的數據進行導入。

除此之外， SpreadJS在權限設計方面也給予了開發者很大的自由度，作為一個前端控件產品，開發者可以結合實際業務需求，對不同權限給予相應的可見性、文件加載限制。并且，SpreadJS提供了相應的接口，可以設置表單、行列等元素是否可見、利用表單保護功能，可以對單元格的編輯權限進行限制；也可以根據用戶實際需求自定制工具欄按鈕的可用狀態等。豐富靈活的API接口，滿足了更多用戶的定制化需求。

總體來說，在企業文檔管理上，SpreadJS發揮的優勢如下：

1、文檔版本有序管理

使用SpreadJS構建的版本管理系統可以有效解決文檔版本混亂問題，借助SpreadJS提供API，可以對文檔生成時機精確判別，自動生成版本文檔。

2、避免文檔內容沖突

借助SpreadJS可建立統一的文件管理平臺，不同用戶可在線訪問同個文件，實現文件間的傳遞或同步，避免多人編輯出現的內容沖突問題。

3、權限控制保證數據安全

利用web項目的開發優勢和SpreadJS提供的相關API，可對不同角色設置相應操作權限，滿足部分單元格禁止編輯、文件只讀、審批上報等需求，保證文件數據的安全性。

4、降低成本提升開發效率

SpreadJS兼具 “高性能、跨平臺、與 Excel 高度兼容”的產品特性，結合配套后端產品GcExcel可快速開發滿足企業需求的文檔版本管理系統，保證文件版本質量的同時，也提升了團隊開發效率，降低企業開發成本。

本文內容源自