码迷,mamicode.com
首页 > Web开发 > 详细

SpreadJS 纯前端表格控件应用案例:Teammark知识管理库

时间:2020-09-16 12:25:44      阅读:37      评论:0      收藏:0      [点我收藏+]

标签:高性能   实时   follow   快速   打印   auto   提示   研发   需求   

由三节课研发的Teammark系统,基于 SpreadJS 二次开发实现,采用行业优秀的工作方法,以Excel模板作为基本的文档范例,满足了客户在线编辑Excel文档的刚性需求。

下面,让我们一起来看看三节课是如何在“Teammark系统”中应用表格技术,实现多人实时协作与“表格文档协同编辑”的。

项目背景

在各个企业内部,员工在工作过程中都会产生若干知识财富,很多企业并没有合适的管理工具或平台将这些知识财富聚集在一起,一旦发生员工离职/转岗的情况,这些知识财富便可能遗失,对于公司来说,这就是一种隐形的价值损失。

由三节课研发的Teammark系统,采用行业优秀的工作方法,以Excel模板作为基本的文档范例,旨在收集员工在工作时的高频场景问题,包括日报周报、会议、项目管理、新人入职、目标管理、协同等。

项目架构图

技术图片

项目截图

Teammark系统的在线文档预览界面,基于 SpreadJS 二次开发实现,上方保留有类似Excel的表格工具栏,采用扁平化的设计模式,使界面看起来更加清爽简洁。通过使用表格工具栏上的加载模板悬浮窗,可以选择已有模板并快速加载。

技术图片

借助 SpreadJS 的基本功能,Teammark系统实现了文档在线编辑模块,用户可以在文档中在线编辑。该模块支持多人协同编辑和邀请编辑,用户可以邀请其他人共同编辑文档内容。

技术图片

在多人协同编辑时,其他人编辑的单元格会有高亮及名称提示。

技术图片

如果存在编辑冲突(同时编辑同一个单元格),会出现警告提示:

技术图片

通过系统生成的文档可以在线预览,在线预览时,可对文档进行查询、筛选、排序等操作,方便数据的查找及定位。

技术图片

表格技术带来的价值(选择表格控件 SpreadJS 的主要原因)

该系统基于 SpreadJS 二次开发实现,为客户带来了类似 Excel 的使用体验,并解决了客户在线编辑Excel文档的刚性需求。

借助 SpreadJS 的 API,系统实现了Excel导入导出、公式计算、在线填报数据、打印报送、实时预览、数据校验、服务端数据交互等功能,为客户提供了科学的表格文档管理方式,提升了企业员工之间的办公效率,使员工的知识财富得以迅速积累。

以上就是三节课应用SpreadJS表格控件技术研发的“Teammark系统”案例展示,如需查看 SpreadJS 的更多应用案例或需要了解 SpreadJS 的更多功能特性,欢迎访问SpreadJS 产品官网

关于SpreadJS 纯前端表格控件

SpreadJS 是一款基于 HTML5 的纯前端表格控件,兼容 450 种以上的 Excel 公式,具备“高性能、跨平台、与 Excel 高度兼容”的产品特性,备受华为、苏宁易购、天弘基金、远光软件等各领域龙头企业的青睐,并被中国软件行业协会认定为“中国优秀软件产品”。SpreadJS 可为用户带来亲切、易用的使用体验,并满足 Web Excel 组件开发、表格文档协同编辑、?数据填报、?类 Excel 报表设计等业务场景,可极大降低企业研发成本和项目交付风险。

SpreadJS 纯前端表格控件应用案例:Teammark知识管理库

标签:高性能   实时   follow   快速   打印   auto   提示   研发   需求   

原文地址:https://blog.51cto.com/powertoolsteam/2527629

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!