基于SpringBoot+Vue框架的协同育才系统设计与开发

　　摘 要：近年来，跨境电商已经成为“一带一路”背景下的国家经济发展战略，伴随着网络技术的普及和发展，全球跨境电商贸易额正在大幅度攀升，国内众多学校响应国家号召，大力支持发展跨境电商。为了方便学校对跨境电商人才的培养，文章开发了基于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结构，实现相应功能，做出良好的页面，让用户更加高效的使用系统。

期刊VIP网，您身边的高端学术顾问

文章名称： 基于SpringBoot+Vue框架的协同育才系统设计与开发

文章地址： http://www.qikanvip.com/jisuanjixinxiguanli/61402.html