摘 要：近年來，跨境電商已經(jīng)成為“一帶一路”背景下的國家經(jīng)濟發(fā)展倡議，伴隨著網(wǎng)絡(luò)技術(shù)的普及和發(fā)展，全球跨境電商貿(mào)易額正在大幅度攀升，國內(nèi)眾多學(xué)校響應(yīng)國家號召，大力支持發(fā)展跨境電商。為了方便學(xué)校對跨境電商人才的培養(yǎng)，文章開發(fā)了基于SpringBoot+Vue框架的協(xié)同育才管理系統(tǒng)，為學(xué)校老師管理學(xué)生、培養(yǎng)學(xué)生，以及學(xué)生鍛煉自己的電子商務(wù)銷售能力提供了良好的互動平臺。

　　關(guān)鍵字：跨境電商;管理系統(tǒng);Spring Boot;Vue框架;互動平臺

　　引 言

　　電子商務(wù)在當(dāng)今的現(xiàn)代貿(mào)易中發(fā)揮著至關(guān)重要的作用，全球電子商務(wù)交易額持續(xù)增高，這種趨勢將隨著互聯(lián)網(wǎng)和信息通信技術(shù)(ICT)的普及而增長[1]?？缇畴娮由虅?wù)在中國經(jīng)濟發(fā)展中得到高度重視，極大地促進了我國的國際電子商務(wù)交易[2]。近幾年來，我國眾多學(xué)校也大力培養(yǎng)電子商務(wù)的人才，傳統(tǒng)的管理系統(tǒng)大都是對學(xué)生進行基本的信息管理，但是難以讓學(xué)生在網(wǎng)上及時進行電子商務(wù)模擬訓(xùn)練。為了方便學(xué)校集學(xué)生基本信息管理、電子商務(wù)能力訓(xùn)練于一體，我們開發(fā)了此協(xié)同育才系統(tǒng)。本系統(tǒng)采用前后端分離開發(fā)，后端采用Spring Boot框架，前端采用Vue框架。極大地方便了學(xué)生和老師及時進行信息交互和能力培養(yǎng)，讓學(xué)校更加高效的培養(yǎng)電子商務(wù)方面的人才。

　　1 系統(tǒng)的需求及建設(shè)目標(biāo)

　　1.1 系統(tǒng)建設(shè)目標(biāo)

　　該系統(tǒng)產(chǎn)品的總體目標(biāo)、分階段目標(biāo)和總體功能進行一款可向市場推廣、完成學(xué)生跨境電商模擬操作的教學(xué)產(chǎn)品，本產(chǎn)品的定位為輔助類軟件，采用分組對抗實訓(xùn)的模式，通過該種方式能夠起到活躍課堂氣氛，增加學(xué)生興趣。其設(shè)計結(jié)構(gòu)是模擬電商企業(yè)過程出發(fā)，能夠讓學(xué)生在比賽實訓(xùn)過程中得到實際工作中的崗位間的互動、并行任務(wù)的處理等多方面體驗。該系統(tǒng)的用戶主要位國內(nèi)普通本科、高職高專電子商務(wù)、國際貿(mào)易等專業(yè)的學(xué)生。

　　1.2 系統(tǒng)需求

　　為了實現(xiàn)本系統(tǒng)的各個功能，需要平臺提供一套完整的模塊：(1)系統(tǒng)模塊：包括用戶登錄認(rèn)證模塊、管理員首頁模塊、賬戶設(shè)置模塊、學(xué)校管理模塊、用戶管理模塊、角色管理模塊、班級管理模塊、學(xué)生管理模塊、基本信息模塊、參考資料模塊、交流區(qū)模塊、通知公告模塊;(2)1688采購網(wǎng)模塊：包括采購網(wǎng)—首頁模塊、商品頁模塊、商品詳情頁模塊、輪播圖模塊、商品列表模塊、商品新增模塊、商品分類模塊、商城管理—相冊管理模塊;(3)亞馬遜商城模塊包括：亞馬遜商城首頁模塊、輪播圖模塊、品牌管理模塊、商品列表模塊。(4)前端界面交互模塊包括;ElementUI界面設(shè)計、數(shù)據(jù)表格設(shè)計、Echarts數(shù)據(jù)可視化展示[3]。

　　2 系統(tǒng)架構(gòu)設(shè)計和功能模塊設(shè)計

　　2.1 系統(tǒng)的框架總體設(shè)計

　　本系統(tǒng)采用前后端分離的MVVM框架，MVVM將軟件的架構(gòu)可以分離成View、Model、View Model三層，使數(shù)據(jù)和界面得到很好的分離效果[4]。從而便于分離開發(fā)，數(shù)據(jù)庫采用MySQL數(shù)據(jù)庫，后端采用當(dāng)下比較流行的Spring Boot框架，通過MyBatis訪問數(shù)據(jù)庫，同時通過Redis做數(shù)據(jù)緩存，前端開發(fā)采用的框架是Vue，Vue是一套用于構(gòu)建用戶界面的漸進式JavaScript框架，體積小，在開發(fā)過程中，擁有更高的運行效率，其框架基于虛擬DOM，可以預(yù)先通過JavaScript進行各種計算，把最終的DOM操作計算出來并優(yōu)化，同時開發(fā)者可以依賴于其框架的雙向數(shù)據(jù)綁定特點，不用再去操作DOM對象，從而有更多精力投入到業(yè)務(wù)邏輯中去。引用一些可視化組件，如Echarts，讓數(shù)據(jù)更加直觀地展示給用戶，在開發(fā)過程中，后端主要負(fù)責(zé)業(yè)務(wù)邏輯處理和對數(shù)據(jù)進行處理，相對而言更加抽象，前端主要負(fù)責(zé)和用戶進行交互，設(shè)計頁面功能，調(diào)用后臺API結(jié)構(gòu)，實現(xiàn)相應(yīng)功能，做出良好的頁面，讓用戶更加高效的使用系統(tǒng)。