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

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