由三节课研发的Teammark系统，基于SpreadJS（https://www.grapecity.com.cn/developer/spreadjs）二次开发实现，采用行业优秀的工作方法，以Excel模板作为基本的文档范例，满足了客户在线编辑Excel文档的刚性需求。
下面，让我们一起来看看三节课是如何在“Teammark系统”中应用表格技术，实现多人实时协作与“表格文档协同编辑”（https://www.grapecity.com.cn/developer/spreadjs/scenarios/collaborate-edits）的。
一、案例名称： 成都三节课 – Teammark知识管理库
二、企业介绍
成都三节课教育科技有限公司（简称：三节课）是一家以提升职业能力为目标、倡导终身成长的在线新职业大学。三节课立足互联网、泛互联网等前沿行业和职业，提供进阶式、实战化的持续学习解决方案，致力于培养更多未来商业环境中的核心人才。
三、项目背景
在各个企业内部，员工在工作过程中都会产生若干知识财富，很多企业并没有合适的管理工具或平台将这些知识财富聚集在一起，一旦发生员工离职/转岗的情况，这些知识财富便可能遗失，对于公司来说，这就是一种隐形的价值损失。
由三节课研发的Teammark系统，采用行业优秀的工作方法，以Excel模板作为基本的文档范例，旨在收集员工在工作时的高频场景问题，包括日报周报、会议、项目管理、新人入职、目标管理、协同等。
四、项目架构图
五、项目截图
Teammark系统的在线文档预览界面，基于 SpreadJS 二次开发实现，上方保留有类似Excel的表格工具栏，采用扁平化的设计模式，使界面看起来更加清爽简洁。通过使用表格工具栏上的加载模板悬浮窗，可以选择已有模板并快速加载
借助 SpreadJS 的基本功能，Teammark 系统实现了文档在线编辑模块，用户可以在文档中在线编辑。该模块支持多人协同编辑和邀请编辑，用户可以邀请其他人共同编辑文档内容。
在多人协同编辑时，其他人编辑的单元格会有高亮及名称提示。
如果存在编辑冲突（同时编辑同一个单元格），会出现警告提示：
通过系统生成的文档可以在线预览，在线预览时，可对文档进行查询、筛选、排序等操作，方便数据的查找及定位。
六、选择表格控件 SpreadJS 的主要原因
该系统基于 SpreadJS（https://www.grapecity.com.cn/developer/spreadjs） 二次开发实现，为客户带来了类似 Excel 的使用体验，并解决了客户在线编辑Excel文档的刚性需求。
借助 SpreadJS 的 API，系统实现了Excel导入导出、公式计算、在线填报数据、打印报送、实时预览、数据校验、服务端数据交互等功能，为客户提供了科学的表格文档管理方式，提升了企业员工之间的办公效率，使员工的知识财富得以迅速积累。
以上就是三节课应用SpreadJS表格控件技术研发的“Teammark系统”案例展示，如需查看 SpreadJS 的更多应用案例或需要了解 SpreadJS 的更多功能特性，欢迎访问SpreadJS 产品官网。
关于SpreadJS 纯前端表格控件
SpreadJS（https://www.grapecity.com.cn/developer/spreadjs）是一款基于 HTML5 的纯前端表格控件，兼容 450 种以上的 Excel 公式，具备“高性能、跨平台、与 Excel 高度兼容”的产品特性，备受华为、苏宁易购、天弘基金、远光软件等各领域龙头企业的青睐，并被中国软件行业协会认定为“中国优秀软件产品”。SpreadJS 可为用户带来亲切、易用的使用体验，并满足 Web Excel 组件开发、 表格文档协同编辑（https://www.grapecity.com.cn/developer/spreadjs/scenarios/collaborate-edits）、 数据填报（https://www.grapecity.com.cn/developer/spreadjs/scenarios/data-filling）、 类 Excel 报表设计（https://www.grapecity.com.cn/developer/spreadjs/scenarios/excel-design）等业务场景，可极大降低企业研发成本和项目交付风险。
