蘇寧易購(gòu)：使用SpreadJS，構(gòu)建基于 Web 端 + Vue 集成的“極客辦公平臺(tái)”

SpreadJS 純前端表格控件 - 培訓(xùn)故事

蘇寧易購(gòu)集團(tuán)股份有限公司(簡(jiǎn)稱“蘇寧易購(gòu)”)成立于1990年，是中國(guó)領(lǐng)先的O2O智慧零售商。面對(duì)互聯(lián)網(wǎng)、物聯(lián)網(wǎng)、大數(shù)據(jù)時(shí)代，蘇寧易購(gòu)持續(xù)推進(jìn)智慧零售和線上線下融合戰(zhàn)略，主打全品類經(jīng)營(yíng)、全渠道運(yùn)營(yíng)、全球化拓展，開放物流云、數(shù)據(jù)云和金融云，通過門店端、PC端、移動(dòng)端和家庭端的四端協(xié)同，為用戶帶來無處不在的一站式服務(wù)體驗(yàn)。

蘇寧易購(gòu)采購(gòu)SpreadJS 純前端表格控件，主要是為其構(gòu)建基于Web 端 + Vue 集成的Excel數(shù)據(jù)管理系統(tǒng)，即“極客辦公平臺(tái)”，該系統(tǒng)用于收集集團(tuán)內(nèi)部信息數(shù)據(jù)，代替常用的 excel表格，通過在線填報(bào)的方式匯總、審批、合并數(shù)據(jù)，以達(dá)到實(shí)時(shí)管控、協(xié)同辦公的目的。

項(xiàng)目背景

“極客辦公平臺(tái)”是蘇寧易購(gòu)全新的內(nèi)部管理系統(tǒng)，該系統(tǒng)使用SpreadJS完成了Web端Excel 數(shù)據(jù)交互、在線Excel功能開發(fā)以及數(shù)據(jù)填報(bào)模塊等功能。

在采購(gòu)SpreadJS 之前，公司管理內(nèi)部信息的辦法是：在Excel上安裝插件，通過插件與數(shù)據(jù)庫(kù)通信，實(shí)現(xiàn)數(shù)據(jù)權(quán)限管控，這樣做非常的低效且混亂。而新的極客辦公平臺(tái)提供了更加靈活的管理方式和更為親切的辦公體驗(yàn)。

為保證新老系統(tǒng)順利過渡，需要完成大量的Excel數(shù)據(jù)遷移工作，因此，新老系統(tǒng)對(duì)Excel文件的兼容性至關(guān)重要。借助SpreadJS 純前端無損導(dǎo)入導(dǎo)出Excel這一產(chǎn)品特性，極客辦公平臺(tái)得以順利完成交付并迅速投入使用。

1. 極客辦公平臺(tái)現(xiàn)階段的主要使用場(chǎng)景為人事信息錄入管理，分為管理端和填報(bào)端兩大模塊。

2. 管理端負(fù)責(zé)設(shè)計(jì)填報(bào)模板，如字段名稱、數(shù)據(jù)類型、必填項(xiàng)等。填報(bào)端主要負(fù)責(zé)用戶填報(bào)的權(quán)限管控。

3. 系統(tǒng)前端生成的Excel模板文件會(huì)通過json傳遞至后端解析處理，系統(tǒng)根據(jù)模板信息生成數(shù)據(jù)庫(kù)Table并保存。

培訓(xùn)內(nèi)容

1. 本次培訓(xùn)共10人參加，包括項(xiàng)目所有開發(fā)和部分其他項(xiàng)目負(fù)責(zé)人、產(chǎn)品經(jīng)理等。

2. 培訓(xùn)時(shí)長(zhǎng)2個(gè)工作日(8個(gè)課時(shí))，第一天上午葡萄城講師給所有學(xué)員介紹了SpreadJS的基本功能，然后針對(duì)定制的課程內(nèi)容開始培訓(xùn)。

3. 講師在與我們的項(xiàng)目經(jīng)理和產(chǎn)品經(jīng)理深入溝通后，共同制定了項(xiàng)目具體實(shí)施方案。在培訓(xùn)期間，針對(duì)部分功能和與Vue框架深度集成等進(jìn)行了代碼演示，并產(chǎn)生相關(guān)Demo示例。

4. 通過定制培訓(xùn)，我們掌握了SpreadJS的常用功能。在講師提供的SpreadJS功能示例和源碼的幫助下，我們得以迅速搭建項(xiàng)目原型。

課程反饋

1. 講師對(duì)SpreadJS的各項(xiàng)功能均爛熟于心。通過清晰地講解、耐心地答疑、由淺入深的課程安排和成功案例的具體實(shí)踐，我們僅用8個(gè)課時(shí)，便輕松上手。

2. 不同于傳統(tǒng)授課模式，講師還為我們安排了項(xiàng)目指導(dǎo)及實(shí)戰(zhàn)演練，根據(jù)我們的項(xiàng)目需求，共同制定具體實(shí)施方案、編寫Demo 示例。

3. 建議培訓(xùn)內(nèi)容適當(dāng)增加：API文檔的講解。對(duì)于新手來說，面對(duì)大量的API文檔，往往無法迅速定位所需的功能。

4. 培訓(xùn)內(nèi)容可以包含在線表格編輯器及其常用的源碼講解，如源碼大致位置或者文件名。

課堂掠影

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

SpreadJS 是一款基于 HTML5 的純 JavaScript 電子表格和網(wǎng)格功能控件，以“高速低耗、純前端、零依賴”為產(chǎn)品特色，可嵌入任何操作系統(tǒng)，同時(shí)滿足 .NET、Java、響應(yīng)式 Web 應(yīng)用及移動(dòng)跨平臺(tái)的表格數(shù)據(jù)處理和類 Excel 的表格應(yīng)用開發(fā)，為終端用戶帶來親切的 Excel 體驗(yàn)。SpreadJS 在數(shù)據(jù)展示、前端導(dǎo)入導(dǎo)出、圖表面板、數(shù)據(jù)綁定等場(chǎng)景無需大量代碼開發(fā)和測(cè)試，可極大節(jié)省企業(yè)研發(fā)成本并降低交付風(fēng)險(xiǎn)。

生成海報(bào)

免責(zé)聲明：本網(wǎng)站內(nèi)容主要來自原創(chuàng)、合作伙伴供稿和第三方自媒體作者投稿，凡在本網(wǎng)站出現(xiàn)的信息，均僅供參考。本網(wǎng)站將盡力確保所提供信息的準(zhǔn)確性及可靠性，但不保證有關(guān)資料的準(zhǔn)確性及可靠性，讀者在使用前請(qǐng)進(jìn)一步核實(shí)，并對(duì)任何自主決定的行為負(fù)責(zé)。本網(wǎng)站對(duì)有關(guān)資料所引致的錯(cuò)誤、不確或遺漏，概不負(fù)任何法律責(zé)任。任何單位或個(gè)人認(rèn)為本網(wǎng)站中的網(wǎng)頁(yè)或鏈接內(nèi)容可能涉嫌侵犯其知識(shí)產(chǎn)權(quán)或存在不實(shí)內(nèi)容時(shí)，應(yīng)及時(shí)向本網(wǎng)站提出書面權(quán)利通知或不實(shí)情況說明，并提供身份證明、權(quán)屬證明及詳細(xì)侵權(quán)或不實(shí)情況證明。本網(wǎng)站在收到上述法律文件后，將會(huì)依法盡快聯(lián)系相關(guān)文章源頭核實(shí)，溝通刪除相關(guān)內(nèi)容或斷開相關(guān)鏈接。