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

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

　　引 言

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

　　1 系統(tǒng)的需求及建設目標

　　1.1 系統(tǒng)建設目標

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

　　1.2 系統(tǒng)需求

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

　　2 系統(tǒng)架構設計和功能模塊設計

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

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