如何使用表格控件技术,开发多人在线知识管理库系统

    2020-11-12 Lmm

 

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

 

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

 

 image.png


一、案例名称: 成都三节课 - Teammark知识管理库

二、企业介绍

成都三节课教育科技有限公司(简称:三节课)是一家以提升职业能力为目标、倡导终身成长的在线新职业大学。三节课立足互联网、泛互联网等前沿行业和职业,提供进阶式、实战化的持续学习解决方案,致力于培养更多未来商业环境中的核心人才。

三、项目背景

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

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

四、项目架构图

31.png

五、项目截图

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

 

32.png

 

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

 

33.png

 

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

 

34.png

 

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


35.png

 

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

 

36.png

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

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

 

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

关于SpreadJS 纯前端表格控件

 

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

 

 


    本文作者:Lmm 责任编辑:马亚蒙 本文来源:牛透社
声明:本文由入驻牛透社的作者撰写,观点仅代表作者本人,绝不代表牛透社赞同其观点或证实其描述。
  • Lmm
    未认证
  • 67篇

    文章总数

    34.19万

    文章总浏览数

意见反馈
返回顶部