網易 - 靈犀辦公文檔
相關公開課:
《網易靈犀文檔丨在線協同產品分享》
一. 企業介紹
網易是中國領先的互聯網技術公司,為用戶提供免費郵箱、游戲、搜索引擎服務,通過開設新聞、娛樂、體育等30多個內容頻道,以及博客、視頻、論壇等互動交流,網聚人的力量。
為了給中小企業和個人打造一款綜合性辦公產品,網易于2020年末成立靈犀事業部,并于2021年正式推出“靈犀”辦公文檔,這是一款以企業郵箱為基礎的協同辦公平臺,其功能包括日程、在線文檔、客戶管理和即時通訊等,支持多人、多端實時編輯與查看,可滿足企業信息共享與多端同步的需求。
二. 項目背景
現階段,協同在線辦公徹底顛覆了傳統的企業管理模式,大大提高了企業的辦公效率。網易靈犀辦公軟件,依托于網易企業郵箱,為用戶提供文檔、日歷、IM等在線辦公能力,旨在打造一體式對內對外連接合作的新載體。同時,靈犀文檔的客戶管理功能也讓企業的對外商務溝通更加得心應手,讓團隊溝通更及時。靈犀文檔的面市,為協同辦公市場注入了新的活力。
為了在前端解析 Excel 文檔,實現多人在線協同編輯,靈犀文檔的數據集處理模塊完全基于葡萄城的純前端表格控件 SpreadJS 進行開發。通過嵌入 SpreadJS,文檔系統完美復刻了 Excel 的UI架構,并有效提升了系統多人協作和數據處理效率。
三. 項目截圖
靈犀文檔借助 SpreadJS 實現了如下功能:
- 通用工具欄:借助 SpreadJS 的組件 API,實現高度類似 Excel 的工具欄面板,為用戶提供熟悉的使用體驗。
- 分享與寫作:通過定制化開發,讓文檔與企業通訊工具相結合,實現信息高速流轉,讓團隊溝通更及時。
- 公式:基于 SpreadJS 內置的 450 多種計算公式進行二次開發,保留常用公式,讓數據分析更加方便高效,降低表格的使用門檻。
- 表格書簽:基于 SpreadJS 的 API 所開發出的創新功能,保留用戶的訪問狀態,清晰管理企業級客戶信息。
(靈犀文檔 - 界面截圖)
(靈犀文檔 - 單元格類型展示)
(靈犀文檔 – 分組功能展示)
四. 選擇表格控件 SpreadJS 的主要原因
“文檔和表格作為日?;A工具類產品,開發實現他們的難度很大,即需要考慮產品性能,又需要衡量產品的易用性。即便對于網易而言,靈犀文檔的研發難度和業務復雜程度也遠超我們的想象,如果不借助 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 更開放的架構,可幫助開發人員減輕重復編碼和測試工作,研發并維護在線文檔系統。在優化用戶體驗的同時,降低研發成本、加速項目落地。