由三节课研发的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 报表设计等业务场景，可极大降低企业研发成本和项目交付风险。