SpringBoot+Vue在线考试系统

基于 Spring Boot 3.1.5 + Vue3 的在线考试系统,支持管理员、教师、学生三种角色。''

技术栈

后端

  • Spring Boot 3.1.5

  • MyBatis-Plus 3.5.8

  • MySQL

  • JWT 0.12.3

  • Spring Security Crypto (密码加密)

  • Apache POI 5.2.5 (Word文档导出)

前端

  • Vue 3

  • Element Plus

  • Vue Router

  • Pinia

  • Axios

  • ECharts

  • wangEditor

功能模块

管理员功能

  • ✅ 登录

  • ✅ 个人信息维护(头像、姓名、邮箱、手机号)

  • ✅ 修改密码

  • 用户管理

    • 用户列表查询(支持搜索、角色筛选)

    • 添加用户(管理员/教师/学生)

    • 编辑用户信息

    • 删除用户(不能删除管理员)

    • 启用/禁用用户

    • 为教师分配学生(从所有学生中选择并批量分配)

  • ✅ 公告管理(可选择可见角色,支持富文本编辑)

  • ✅ 试卷发布审核

  • ✅ 试题类型管理

  • ✅ 系统统计(用户统计、试卷统计、考试统计,ECharts图表)

教师功能

  • ✅ 登录、注册

  • ✅ 个人信息维护(头像、姓名、邮箱、手机号)

  • 试题管理

    • 支持单选题、多选题、判断题、填空题、简答题

    • 单选题和多选题:动态添加选项(A、B、C...),选项以JSON格式存储

    • 判断题:自动生成"A. 对"和"B. 错"两个选项

    • 填空题和简答题:不显示选项输入

    • 支持题目内容、答案、解析、分值、难度设置

  • ✅ 试卷管理(选择题目、设置分值、提交审核)

  • ✅ 考试管理

    • 创建考试(选择试卷、设置考试时间、时长)

    • 查看考试详情

    • 查看该考试的所有答卷

  • ✅ 发布考试任务

  • 答卷管理

    • 查看学生答卷详情

    • 自动批改:单选题、多选题、判断题、填空题

    • 手动批改:简答题(可输入得分)

    • 批量自动批改

    • 导出Word(不含正确答案和解析,仅显示学生答案)

  • ✅ 考试成绩统计(ECharts图表:柱状图、饼图)

  • ✅ 学习资料上传(支持文件上传,自动保存文件名和大小)

  • 学生管理

    • 添加新学生(自动创建学生账号)

    • 从已有学生中选择并添加(支持搜索、分页、批量选择)

    • 移除学生

  • ✅ 教学统计(题目统计、试卷统计、考试统计、学生统计,ECharts图表)

学生功能

  • ✅ 公告查看(根据角色可见性过滤)

  • ✅ 登录、注册

  • ✅ 个人信息维护(头像、姓名、邮箱、手机号)

  • 参加考试

    • 考试列表(显示可参加的考试)

    • 答题界面(倒计时、自动提交)

    • 答案保存:选择题和判断题保存选项字母(A、B、C),不保存选项文本

  • 我的考试成绩

    • 成绩列表(显示得分、状态、提交时间)

    • 成绩详情:查看完整答卷

      • 显示所有题目内容、选项

      • 显示学生答案和正确答案对比

      • 显示每道题的解析

      • 答案正确性标记(正确绿色,错误红色)

  • ✅ 学习资料下载(自动更新下载次数)

  • ✅ 学习统计(考试统计、成绩趋势,ECharts图表)

特色功能

  1. 图片/附件上传组件:封装了通用的文件上传组件,支持图片和附件上传,自动保存文件名和大小

  2. 富文本编辑器:使用wangEditor实现富文本编辑功能(公告管理)

  3. 主题色配置:白色和橘红色(#ff6b35)主题色,主要按钮使用橘红色

  4. ECharts图表:各角色使用ECharts进行数据统计分析

    • 管理员:系统整体统计(用户、试卷、考试)

    • 教师:教学统计(题目类型分布、试卷状态、学生统计)

    • 学生:学习统计(成绩趋势、考试完成情况)

  5. 外键字段转换:系统中展示包含外键的字段时自动转换为对应的名称

  6. 智能批改系统

    • 自动批改:单选题、多选题、判断题、填空题

    • 手动批改:简答题(教师可输入得分)

    • 支持批量自动批改

  7. 判断题自动生成选项:创建判断题时自动生成"A. 对"和"B. 错"两个选项

  8. 答案格式优化:学生答题时,选择题和判断题只保存选项字母(A、B、C),确保批改时正确匹配

  9. Word导出功能:教师可导出学生答卷为Word文档(不含答案,保护试题)

  10. 登录注册页面优化:左右分栏布局,左侧展示系统信息,右侧为表单区域

  11. 管理员用户管理:完整的用户CRUD功能,支持为教师批量分配学生

截图预览

相关推荐
北辰alk3 分钟前
Vue 中的 MVVM、MVC 和 MVP:现代前端架构模式深度解析
vue.js
北辰alk6 分钟前
为什么 Vue 中的 data 必须是一个函数?深度解析与实战指南
vue.js
北辰alk7 分钟前
Vue 的 <template> 标签:不仅仅是包裹容器
vue.js
北辰alk17 分钟前
为什么不建议在 Vue 中同时使用 v-if 和 v-for?深度解析与最佳实践
vue.js
北辰alk19 分钟前
Vue 模板中保留 HTML 注释的完整指南
vue.js
北辰alk32 分钟前
Vue 组件 name 选项:不只是个名字那么简单
vue.js
北辰alk33 分钟前
Vue 计算属性与 data 属性同名:优雅的冲突还是潜在的陷阱?
vue.js
北辰alk34 分钟前
Vue 的 v-show 和 v-if:性能、场景与实战选择
vue.js
勇哥java实战分享1 小时前
短信平台 Pro 版本 ,比开源版本更强大
后端
学历真的很重要1 小时前
LangChain V1.0 Context Engineering(上下文工程)详细指南
人工智能·后端·学习·语言模型·面试·职场和发展·langchain