一、案例名稱： 成都三節(jié)課 – Teammark知識(shí)管理庫(kù)

二、企業(yè)介紹

成都三節(jié)課教育科技有限公司（簡(jiǎn)稱：三節(jié)課）是一家以提升職業(yè)能力為目標(biāo)、倡導(dǎo)終身成長(zhǎng)的在線新職業(yè)大學(xué)。三節(jié)課立足互聯(lián)網(wǎng)、泛互聯(lián)網(wǎng)等前沿行業(yè)和職業(yè)，提供進(jìn)階式、實(shí)戰(zhàn)化的持續(xù)學(xué)習(xí)解決方案，致力于培養(yǎng)更多未來(lái)商業(yè)環(huán)境中的核心人才。

三、項(xiàng)目背景

在各個(gè)企業(yè)內(nèi)部，員工在工作過程中都會(huì)產(chǎn)生若干知識(shí)財(cái)富，很多企業(yè)并沒有合適的管理工具或平臺(tái)將這些知識(shí)財(cái)富聚集在一起，一旦發(fā)生員工離職/轉(zhuǎn)崗的情況，這些知識(shí)財(cái)富便可能遺失，對(duì)于公司來(lái)說(shuō)，這就是一種隱形的價(jià)值損失。

由三節(jié)課研發(fā)的Teammark系統(tǒng)，采用行業(yè)優(yōu)秀的工作方法，以Excel模板作為基本的文檔范例，旨在收集員工在工作時(shí)的高頻場(chǎng)景問題，包括日?qǐng)?bào)周報(bào)、會(huì)議、項(xiàng)目管理、新人入職、目標(biāo)管理、協(xié)同等。

四、項(xiàng)目架構(gòu)圖

五、項(xiàng)目截圖

Teammark系統(tǒng)的在線文檔預(yù)覽界面，基于 SpreadJS 二次開發(fā)實(shí)現(xiàn)，上方保留有類似Excel的表格工具欄，采用扁平化的設(shè)計(jì)模式，使界面看起來(lái)更加清爽簡(jiǎn)潔。通過使用表格工具欄上的加載模板懸浮窗，可以選擇已有模板并快速加載

借助 SpreadJS 的基本功能，Teammark 系統(tǒng)實(shí)現(xiàn)了文檔在線編輯模塊，用戶可以在文檔中在線編輯。該模塊支持多人協(xié)同編輯和邀請(qǐng)編輯，用戶可以邀請(qǐng)其他人共同編輯文檔內(nèi)容。

在多人協(xié)同編輯時(shí)，其他人編輯的單元格會(huì)有高亮及名稱提示。

如果存在編輯沖突（同時(shí)編輯同一個(gè)單元格），會(huì)出現(xiàn)警告提示：

通過系統(tǒng)生成的文檔可以在線預(yù)覽，在線預(yù)覽時(shí)，可對(duì)文檔進(jìn)行查詢、篩選、排序等操作，方便數(shù)據(jù)的查找及定位。

六、選擇表格控件?SpreadJS?的主要原因

該系統(tǒng)基于?SpreadJS（https://www.grapecity.com.cn/developer/spreadjs）?二次開發(fā)實(shí)現(xiàn)，為客戶帶來(lái)了類似 Excel 的使用體驗(yàn)，并解決了客戶在線編輯Excel文檔的剛性需求。

借助 SpreadJS 的 API，系統(tǒng)實(shí)現(xiàn)了Excel導(dǎo)入導(dǎo)出、公式計(jì)算、在線填報(bào)數(shù)據(jù)、打印報(bào)送、實(shí)時(shí)預(yù)覽、數(shù)據(jù)校驗(yàn)、服務(wù)端數(shù)據(jù)交互等功能，為客戶提供了科學(xué)的表格文檔管理方式，提升了企業(yè)員工之間的辦公效率，使員工的知識(shí)財(cái)富得以迅速積累。

以上就是三節(jié)課應(yīng)用SpreadJS表格控件技術(shù)研發(fā)的“Teammark系統(tǒng)”案例展示，如需查看 SpreadJS 的更多應(yīng)用案例或需要了解 SpreadJS 的更多功能特性，歡迎訪問SpreadJS 產(chǎn)品官網(wǎng)。

關(guān)于SpreadJS?純前端表格控件

SpreadJS（https://www.grapecity.com.cn/developer/spreadjs）是一款基于?HTML5?的純前端表格控件，兼容?450?種以上的?Excel?公式，具備“高性能、跨平臺(tái)、與?Excel?高度兼容”的產(chǎn)品特性，備受華為、蘇寧易購(gòu)、天弘基金、遠(yuǎn)光軟件等各領(lǐng)域龍頭企業(yè)的青睞，并被中國(guó)軟件行業(yè)協(xié)會(huì)認(rèn)定為“中國(guó)優(yōu)秀軟件產(chǎn)品”。SpreadJS?可為用戶帶來(lái)親切、易用的使用體驗(yàn)，并滿足?Web Excel?組件開發(fā)、?表格文檔協(xié)同編輯（https://www.grapecity.com.cn/developer/spreadjs/scenarios/collaborate-edits）、?數(shù)據(jù)填報(bào)（https://www.grapecity.com.cn/developer/spreadjs/scenarios/data-filling）、?類 Excel?報(bào)表設(shè)計(jì)（https://www.grapecity.com.cn/developer/spreadjs/scenarios/excel-design）等業(yè)務(wù)場(chǎng)景，可極大降低企業(yè)研發(fā)成本和項(xiàng)目交付風(fēng)險(xiǎn)。

songjy