基于SpringBoot+Vue的在线考试系统的实现

本系统是一个前后端分离的项目,前端使用Vue进行开发,开发工具是WebStorm,后端是SpringBoot进行开发,开发工具是Idea。

  • 项目需求

     

    基于SpringBoot+Vue的在线考试系统的实现_第1张图片

    功能需求

    系统分为三个角色:管理员老师学生

    管理员主要有以下功能:考试管理(考试查询、添加考试)、试题管理(查看所有试题、增加试题)、成绩查询(学生成绩查询、成绩分段查询、学生所有成绩、薄弱知识分析)、学生管理(学生管理、添加学生)、教师管理(教师管理、添加教师)

    老师主要有以下功能:考试管理(考试查询、添加考试)、试题管理(查看所有试题、增加试题)、成绩查询(学生成绩查询、成绩分段查询、学生所有成绩、薄弱知识分析)、学生管理(学生管理、添加学生)

    学生主要有以下功能:我的试卷(可以进行考试)、我的分数

    系统功能:登陆,个人信息修改,退出系统等。

  • 运行环境

    jdk8+maven3.6.3 + idea + + node14.17.0

  • 项目技术:

    后台:springboot2.1.2.RELEASE + maven3.6.3

    前台: vue

  • 数据库文件

    基于SpringBoot+Vue的在线考试系统的实现_第2张图片

  • 源代码文件

前端

基于SpringBoot+Vue的在线考试系统的实现_第3张图片

后端

基于SpringBoot+Vue的在线考试系统的实现_第4张图片

  • 项目运行截图

登陆界面

基于SpringBoot+Vue的在线考试系统的实现_第5张图片

管理员登陆后的首页

基于SpringBoot+Vue的在线考试系统的实现_第6张图片

考试查询

基于SpringBoot+Vue的在线考试系统的实现_第7张图片

编辑考试

基于SpringBoot+Vue的在线考试系统的实现_第8张图片

查看试卷信息

基于SpringBoot+Vue的在线考试系统的实现_第9张图片

添加考试

基于SpringBoot+Vue的在线考试系统的实现_第10张图片

试题管理

基于SpringBoot+Vue的在线考试系统的实现_第11张图片

添加试题

基于SpringBoot+Vue的在线考试系统的实现_第12张图片

学生成绩查询(根据考试)

基于SpringBoot+Vue的在线考试系统的实现_第13张图片

成绩分段查询

基于SpringBoot+Vue的在线考试系统的实现_第14张图片

学生所有成绩

基于SpringBoot+Vue的在线考试系统的实现_第15张图片

薄弱知识分析

基于SpringBoot+Vue的在线考试系统的实现_第16张图片

学生管理

基于SpringBoot+Vue的在线考试系统的实现_第17张图片添加学生

基于SpringBoot+Vue的在线考试系统的实现_第18张图片

教师管理

基于SpringBoot+Vue的在线考试系统的实现_第19张图片

添加教师

基于SpringBoot+Vue的在线考试系统的实现_第20张图片

学生界面的我的试卷

基于SpringBoot+Vue的在线考试系统的实现_第21张图片

学生我的分数

基于SpringBoot+Vue的在线考试系统的实现_第22张图片

考试界面

基于SpringBoot+Vue的在线考试系统的实现_第23张图片

 

项目启动过程,非常重要!!!

最好跟我的开发环境使用的技术版本一致,或者高于我的版本(jdk、SpringBoot、Maven、Vue、node、mysql等)

  1. 执行数据库脚本

  2. 导入后端代码,修改数据库连接信息(主要是数据库名,用户名、密码),启动
  3. 导入前端代码,启动,
  4. 访问页面,在浏览器中打开以下地址: http://localhost:8088,即可看到系统的登陆页面

 

  • 源代码文件截图

基于SpringBoot+Vue的在线考试系统的实现_第24张图片

本系统是根据网上的例子进行的二次开发,如有侵权,请作者联系我进行删除。如有需要学习的同学,也可以联系我,联系方式见我头像。

你可能感兴趣的:(Maven,JAVA,java,spring,boot,mysql)