彩票走势图

【互联网行业案例】纯前端表格控件 SpreadJS 助力在线协同办公

转帖|实施案例|编辑:吉伟伟|2024-12-11 11:50:33.570|阅读 3 次

概述:灵犀文档通过嵌入 SpreadJS,文档系统完美复刻了 Excel 的UI架构,并有效提升了系统多人协作和数据处理效率。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

一. 客户介绍

网易是中国领先的互联网技术公司,为用户提供免费邮箱、游戏、搜索引擎服务,通过开设新闻、娱乐、体育等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 更开放的架构,可帮助开发人员减轻重复编码和测试工作,研发并维护在线文档系统。在优化用户体验的同时,降低研发成本、加速项目落地。

声明:本文案例仅供参考,相关案例来源,侵权删。

如果您有产品试用下载、价格咨询、优惠获取,或其他任何问题,请联系

慧都年终大促火热开启

标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@capbkgr.cn


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
相关产品
SpreadJS

面向企业级应用开发、基于HTML5的纯JavaScript电子表格控件。

ActiveReports

亚洲畅销的.NET报表控件,20万用户的选择,可在应用程序中生成各种报表,十多年来一直荣获应用程序的优秀报表生成控件。

ActiveReportsJS

是一款基于 JavaScript 和 HTML5 的轻量级Web报表工具

Spread .NET

我们将 Spread for Windows Forms 与 Spread for Web Forms 捆绑成极佳的软件包,为您开发团队从事 ASP.NET 和 .NET Windows Forms 的开发提供所需出色的网格 / 电子表格组件。

Spread for WinForms

受欢迎的兼容Microsoft Excel的.NET电子表格控件

title
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP