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

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

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

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

項目背景

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

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

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

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

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

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

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

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

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

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

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

課程反饋

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

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

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

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

課堂掠影

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

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

生成海報

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