摘 要：近年來，跨境電商已經成為“一帶一路”背景下的國家經濟發展倡議，伴隨著網絡技術的普及和發展，全球跨境電商貿易額正在大幅度攀升，國內眾多學校響應國家號召，大力支持發展跨境電商。為了方便學校對跨境電商人才的培養，文章開發了基于SpringBoot+Vue框架的協同育才管理系統，為學校老師管理學生、培養學生，以及學生鍛煉自己的電子商務銷售能力提供了良好的互動平臺。
關鍵字：跨境電商;管理系統;Spring Boot;Vue框架;互動平臺
引 言
電子商務在當今的現代貿易中發揮著至關重要的作用，全球電子商務交易額持續增高，這種趨勢將隨著互聯網和信息通信技術(ICT)的普及而增長[1]。跨境電子商務在中國經濟發展中得到高度重視，極大地促進了我國的國際電子商務交易[2]。近幾年來，我國眾多學校也大力培養電子商務的人才，傳統的管理系統大都是對學生進行基本的信息管理，但是難以讓學生在網上及時進行電子商務模擬訓練。為了方便學校集學生基本信息管理、電子商務能力訓練于一體，我們開發了此協同育才系統。本系統采用前后端分離開發，后端采用Spring Boot框架，前端采用Vue框架。極大地方便了學生和老師及時進行信息交互和能力培養，讓學校更加高效的培養電子商務方面的人才。
1 系統的需求及建設目標
1.1 系統建設目標
該系統產品的總體目標、分階段目標和總體功能進行一款可向市場推廣、完成學生跨境電商模擬操作的教學產品，本產品的定位為輔助類軟件，采用分組對抗實訓的模式，通過該種方式能夠起到活躍課堂氣氛，增加學生興趣。其設計結構是模擬電商企業過程出發，能夠讓學生在比賽實訓過程中得到實際工作中的崗位間的互動、并行任務的處理等多方面體驗。該系統的用戶主要位國內普通本科、高職高專電子商務、國際貿易等專業的學生。
1.2 系統需求
為了實現本系統的各個功能，需要平臺提供一套完整的模塊：(1)系統模塊：包括用戶登錄認證模塊、管理員首頁模塊、賬戶設置模塊、學校管理模塊、用戶管理模塊、角色管理模塊、班級管理模塊、學生管理模塊、基本信息模塊、參考資料模塊、交流區模塊、通知公告模塊;(2)1688采購網模塊：包括采購網—首頁模塊、商品頁模塊、商品詳情頁模塊、輪播圖模塊、商品列表模塊、商品新增模塊、商品分類模塊、商城管理—相冊管理模塊;(3)亞馬遜商城模塊包括：亞馬遜商城首頁模塊、輪播圖模塊、品牌管理模塊、商品列表模塊。(4)前端界面交互模塊包括;ElementUI界面設計、數據表格設計、Echarts數據可視化展示[3]。
2 系統架構設計和功能模塊設計
2.1 系統的框架總體設計
本系統采用前后端分離的MVVM框架，MVVM將軟件的架構可以分離成View、Model、View Model三層，使數據和界面得到很好的分離效果[4]。從而便于分離開發，數據庫采用MySQL數據庫，后端采用當下比較流行的Spring Boot框架，通過MyBatis訪問數據庫，同時通過Redis做數據緩存，前端開發采用的框架是Vue，Vue是一套用于構建用戶界面的漸進式JavaScript框架，體積小，在開發過程中，擁有更高的運行效率，其框架基于虛擬DOM，可以預先通過JavaScript進行各種計算，把最終的DOM操作計算出來并優化，同時開發者可以依賴于其框架的雙向數據綁定特點，不用再去操作DOM對象，從而有更多精力投入到業務邏輯中去。引用一些可視化組件，如Echarts，讓數據更加直觀地展示給用戶，在開發過程中，后端主要負責業務邏輯處理和對數據進行處理，相對而言更加抽象，前端主要負責和用戶進行交互，設計頁面功能，調用后臺API結構，實現相應功能，做出良好的頁面，讓用戶更加高效的使用系統。
