一. 客戶介紹

網易是中國領先的互聯網技術公司，為用戶提供免費郵箱、游戲、搜索引擎服務，通過開設新聞、娛樂、體育等30多個內容頻道，以及博客、視頻、論壇等互動交流，網聚人的力量。

為了給中小企業和個人打造一款綜合性辦公產品，網易于2020年末成立靈犀事業部，并于2021年正式推出“靈犀”辦公文檔，這是一款以企業郵箱為基礎的協同辦公平臺，其功能包括日程、在線文檔、客戶管理和即時通訊等，支持多人、多端實時編輯與查看，可滿足企業信息共享與多端同步的需求。

二. 項目背景

現階段，協同在線辦公徹底顛覆了傳統的企業管理模式，大大提高了企業的辦公效率。網易靈犀辦公軟件，依托于網易企業郵箱，為用戶提供文檔、日歷、IM等在線辦公能力，旨在打造一體式對內對外連接合作的新載體。同時，靈犀文檔的客戶管理功能也讓企業的對外商務溝通更加得心應手，讓團隊溝通更及時。靈犀文檔的面市，為協同辦公市場注入了新的活力。

為了在前端解析 Excel 文檔，實現多人在線協同編輯，靈犀文檔的數據集處理模塊完全基于葡萄城的純前端表格控件 SpreadJS （最新版試用下載）進行開發。通過嵌入 SpreadJS，文檔系統完美復刻了 Excel 的UI架構，并有效提升了系統多人協作和數據處理效率。

三. 項目截圖

靈犀文檔借助 SpreadJS 實現了如下功能：

通用工具欄：借助 SpreadJS 的組件 API，實現高度類似 Excel 的工具欄面板，為用戶提供熟悉的使用體驗。

分享與寫作：通過定制化開發，讓文檔與企業通訊工具相結合，實現信息高速流轉，讓團隊溝通更及時。

公式：基于 SpreadJS 內置的 450 多種計算公式進行二次開發，保留常用公式，讓數據分析更加方便高效，降低表格的使用門檻。

表格書簽：基于 SpreadJS 的 API 所開發出的創新功能，保留用戶的訪問狀態，清晰管理企業級客戶信息。

（靈犀文檔 - 界面截圖）

（靈犀文檔 - 單元格類型展示）

（靈犀文檔 – 分組功能展示）

四. 選擇表格控件 SpreadJS 的主要原因

“文檔和表格作為日常基礎工具類產品，開發實現他們的難度很大，即需要考慮產品性能，又需要衡量產品的易用性。即便對于網易而言，靈犀文檔的研發難度和業務復雜程度也遠超我們的想象，如果不借助 SpreadJS，這個項目很難在如此短的時間內落地。”

——網易靈犀文檔產品負責人 馬曦文

SpreadJS提供了類 Excel 的UI和開放的組件接口，可用來搭建可多人協同的在線文檔系統，有效解決表格文檔協同編輯的諸多技術難點。

將 SpreadJS 嵌入系統，可實現 Excel導入導出、在線編輯、數據綁定、表單保護、PDF 導出、自定制打印等功能，通過對其二次擴展，可以滿足多人同時在線編輯、共享文檔、數據同步、版本管理、批量導出等業務需求，快速開發出支持多人協作的在線文檔系統。

針對網易靈犀文檔的開發場景，SpreadJS 發揮的產品優勢主要體現在：

1. 純前端組件，適用于多人協作系統開發

多人協作需要中心系統的支持，SpreadJS 基于其純前端的體系架構可以很容易的嵌入系統開發，并以原生的方式嵌入各類應用，如：B/S、H5 小程序、APP 等，完美兼容原生系統。

2. 實現精細控制，提供單元格級別的數據操作

SpreadJS的絕大部分功能是支持命令的，這使得數據操作變得十分簡單，用戶可以針對具體的業務邏輯做出更精細化的操作轉換，大幅提高協作效率。

3. 提供表格編輯器，支持在線編輯 Excel 文檔

SpreadJS 的 表格編輯器由頂部菜單、公式欄、右鍵菜單、彈出框和狀態欄等模塊組成，用戶僅通過簡單的拖拽點擊，即可設計各類Excel報表模板，實現數據填報、公式計算、數據管理、數據可視化等功能。

4. 支持跨平臺開發，提供一流的框架支持及擴展

SpreadJS 已兼容 Angular、React、Vue、TypeScript 等前端開發框架，可嵌入各類終端設備和后端技術框架，無需預裝第三方插件，即可二次擴展。

5. 提供開放的 API 和高度類似 Excel 的操作模式

SpreadJS 兼容 Excel 90% 以上的常用功能，并支持在線導入、導出Excel 文件。此外，SpreadJS 提供的表格操作行為和處理邏輯與 Excel 幾乎一致，其外觀、工具欄、對話框、右鍵菜單等均可自定義。

6. 無需依賴 Excel 軟件，輕松搭建表格文檔協同系統

SpreadJS 是一款開發工具，具備比 Excel 更開放的架構，可幫助開發人員減輕重復編碼和測試工作，研發并維護在線文檔系統。在優化用戶體驗的同時，降低研發成本、加速項目落地。

聲明：本文案例僅供參考，相關案例來源，侵權刪。

如果您有產品試用下載、價格咨詢、優惠獲取，或其他任何問題，請聯系。