网易 - 灵犀办公文档
所使用产品: SpreadJS
相关公开课: 《网易灵犀文档丨在线协同产品分享》
一. 企业介绍
网易是中国领先的互联网技术公司,为用户提供免费邮箱、游戏、搜索引擎服务,通过开设新闻、娱乐、体育等30多个内容频道,以及博客、视频、论坛等互动交流,网聚人的力量。
为了给中小企业和个人打造一款综合性办公产品,网易于2020年末成立灵犀事业部,并于2021年正式推出“灵犀”办公文档,这是一款以企业邮箱为基础的协同办公平台,其功能包括日程、在线文档、客户管理和即时通讯等,支持多人、多端实时编辑与查看,可满足企业信息共享与多端同步的需求。
二. 项目背景
现阶段,协同在线办公彻底颠覆了传统的企业管理模式,大大提高了企业的办公效率。网易灵犀办公软件,依托于网易企业邮箱,为用户提供文档、日历、IM等在线办公能力,旨在打造一体式对内对外连接合作的新载体。同时,灵犀文档的客户管理功能也让企业的对外商务沟通更加得心应手,让团队沟通更及时。灵犀文档的面市,为协同办公市场注入了新的活力。
为了在前端解析 Excel 文档,实现多人在线协同编辑,灵犀文档的数据集处理模块完全基于葡萄城的 纯前端表格控件 SpreadJS 进行开发。通过嵌入 SpreadJS,文档系统完美复刻了 Excel 的UI架构,并有效提升了系统多人协作和数据处理效率。
三. 项目截图
灵犀文档借助 SpreadJS 实现了如下功能:
1. 通用工具栏:借助 SpreadJS 的组件 API,实现高度类似 Excel 的工具栏面板,为用户提供熟悉的使用体验。
2. 分享与写作:通过定制化开发,让文档与企业通讯工具相结合,实现信息高速流转,让团队沟通更及时。
3. 公式:基于 SpreadJS 内置的 450 多种计算公式进行二次开发,保留常用公式,让数据分析更加方便高效,降低表格的使用门槛。
4. 表格书签:基于 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 更开放的架构,可帮助开发人员减轻重复编码和测试工作,研发并维护在线文档系统。在优化用户体验的同时,降低研发成本、加速项目落地。