计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统

简介

  • 基于VUE+SpringBoot的学生成绩管理系统,支持在线做作业和学生分数段统计。

1.项目功能概述

1.1学生功能概述

(1)登录功能
  • 学生输入姓名密码即可完成登录
    计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统_第1张图片
(2)浏览作业信息
  • 学生可以进行浏览试卷,查询试卷信息 计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统_第2张图片
(3)做作业
  • 学生在线进行答题,提交试卷
    计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统_第3张图片
(4)查看与自己相关的作业信息
  • 学生查看自己的作业消息
(5)查看分数
  • 学生查看自己的分数
    计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统_第4张图片
(5)查看留言
  • 学生查看自己的留言
    计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统_第5张图片
(5)修改密码
  • 学生修改登录密码
    计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统_第6张图片

1.2教师功能概述

(1)教师登录
  • 输入用户名和密码进行登录
    计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统_第7张图片
(2)作业管理-已发布作业管理
  • 查询作业并可以进行修改作业
    计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统_第8张图片
(3)作业管理-新增作业
  • 发布新的作业
    计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统_第9张图片
(4)题库管理-浏览题目
  • 查看发布的题目
    计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统_第10张图片
(5)题库管理-新增题目
  • 添加新的题目
    计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统_第11张图片
(6)题库管理-发布作业
  • 随机组卷
    计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统_第12张图片
(7)成绩查询
  • 查询发布作业的学生成绩和统计
    计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统_第13张图片
(8)学生管理
  • 修改学生信息和新增学生。
    计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统_第14张图片

1.3管理员功能概述

  • 登录之后可以对学生信息和教师信息进行管理
    计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统_第15张图片

2.项目整体架构

2.1 前端架构

  • 基于Vue的前端设计
    计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统_第16张图片

2.2 后端架构

  • 基于SpringBoot的后端架构
    计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统_第17张图片

3.数据库设计

3.1数据库表

计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统_第18张图片

3.2 管理员表

计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统_第19张图片

3.3学生表

计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统_第20张图片

3.3教师表

计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统_第21张图片

3.4作业表

计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统_第22张图片

3.5留言表

计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统_第23张图片

3.6 留言回复表

计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统_第24张图片

3.7填空题表

计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统_第25张图片

3.8选择题表

计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统_第26张图片

3.9多选题

计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统_第27张图片

3.10分数表

计算机毕业设计-基于VUE+SpringBoot+MyBatis+MySQL的学生作业管理系统_第28张图片

4.项目工具准备及部署

4.1后端安装

  • 导入了数据库MySQL8.0,用IDEA打开后端,初始化配置好数据库就可以启动。

4.2前端安装

  • 用vscode打开项目,用命令行打开,初始化输入:npm init,然后在输入npm run dev启动项目即可。

5.项目重难点分析

  • Vue的组件应用。
  • 前后端分离的思想理解。
  • MyBatis的应用。
  • 导入的依赖


    4.0.0
    
        org.springframework.boot
        spring-boot-starter-parent
        2.1.2.RELEASE
         
    
    com.exam
    exam
    0.0.1-SNAPSHOT
    examsystem
    online examsystem project for Spring Boot

    
        1.8
    

    
        
        
            com.baomidou
            mybatis-plus-boot-starter
            3.1.0
        
        
            org.projectlombok
            lombok
            1.18.6
            provided
        
        
            org.springframework.boot
            spring-boot-starter-jdbc
        
        
            org.springframework.boot
            spring-boot-starter-web
        
        
            mysql
            mysql-connector-java
            
        
        
            org.springframework.boot
            spring-boot-starter-test
            test
        
        
            com.alibaba
            druid
            1.1.8
        
        
        
            org.springframework.boot
            spring-boot-devtools
            true 
        
        
            org.springframework
            spring-tx
            4.3.9.RELEASE
        
    

    
        
            
                org.springframework.boot
                spring-boot-maven-plugin
            
        
    



6.项目总结

  • 充分理解前后端分离的思想,运行Vue和SpringBoot进行项目设计和编码。

7.源码连接

源码地址

你可能感兴趣的:(#,MySQL,#,毕业设计,计算机毕业设计,Java,作业管理系统,Vue,前后端分离)