继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

葡萄城控件
关注TA
已关注
手记 195
粉丝 57
获赞 339

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

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

项目背景

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

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

项目架构图

image.png

项目截图

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

32.png

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

33.png

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

34.png

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

35.png

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

36.png

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

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

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

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

关于SpreadJS 纯前端表格控件

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

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP