Spring Boot+Vue实现前后分离的在线学习与评测系统

前言

本系统用到的框架与软件

在部署本系统之前,您需要有以下知识:Spring Boot、Mybatis-Plus、Mysql、Redis、Vue、Nginx、Docker等前后端知识,并且至少使用以上知识编写过一套完整的前后分离系统。

本系统实现的功能

在线访问

学生子系统(使用谷歌浏览器开启手机模式访问): 账号:13313950000 密码:123456 教师子系统: 账号:13313951111 密码:123456 教师子系统: 账号:13313952222 密码:123456

下载与启动

下载

本系统上传到了Github,地址: 您可以克隆或者下载压缩包。

后端启动

主要是修改各种类中的配置项和yml文件中配置,需要修改的部分已经在带码中注释给出,以下主要是为了提醒修改的地方。修改红框中*号部分即可

目录结构

如图,本系统使用maven进行模块化开发,直接使用idea打开,并让idea识别pom.xml文件即可。

导入数据库

文件中附带了sql文件,直接导入mysql即可

修改SendSmsUtil类

此类为使用腾讯云的短信服务发送短信,使用之间请先了解。不使用也行,但您会无法使用短信系统。

修改UploadPicture类

此类主要为上传文件,使用七牛云系统,使用之前请先了解。不使用也行,但您会无法使用文件上传系统。

修改application.yml文件

一共有四个application.yml文件,都要修改

运行

运行四个带有web后缀的系统主类即可。

前端启动

前端启动较为简单。前端分为学生,教师,管理员三个模块,依次进入这三个目录,运行npm install与npm run serve即可。也可以使用webstorm打开,运行。

访问登录

使用之前的在线访问中的账户与密码即可访问。

总结

经验分享 程序员 微信小程序 职场和发展