# 61-作业管理系统 - 功能说明
# 项目概述
作业管理系统是一个面向教育机构的综合性教学辅助平台,采用前后端分离架构,基于Vue 3和Spring Boot技术栈打造。系统覆盖课程管理、选课管理、作业发布、作业提交、作业批改等完整教学流程,为管理员、教师、学生三种角色提供专业化服务。系统支持富文本编辑、文件附件上传、在线评分、评论互动等功能,构建了一个高效、便捷的数字化教学管理平台。
# 项目概览
# ✨ 创新点
# 1. 三级角色协同体系
- 分层权限设计:管理员、教师、学生三级角色,各司其职,权限清晰。
- 角色专属界面:管理员后台、教师后台、学生前台三套独立界面,操作流畅。
- 动态菜单权限:根据用户角色动态显示菜单,管理员拥有全部权限,教师专注教学管理。
# 2. 完整的教学管理闭环
- 课程全生命周期管理:从课程创建、学生选课、教师审核到课程归档,流程完整。
- 选课审核机制:学生提交选课申请,教师/管理员审核通过后方可学习,规范管理。
- 课程信息丰富:支持课程编号、课程描述、封面图、学期、学分等多维度信息。
- 课程与作业关联:每门课程可发布多个作业,作业与课程紧密绑定。
# 3. 作业管理智能化
- 作业发布灵活:支持富文本编辑作业内容,可上传附件(文档、压缩包等)。
- 截止时间管理:设置作业截止时间,系统自动提示逾期状态(即将到期、已逾期)。
- 作业分类展示:学生端按"待完成"和"已提交"分类,一目了然。
- 附件支持:教师发布作业可带附件,学生提交作业也可上传附件。
# 4. 作业批改与评价体系
- 在线批改:教师可在线批改学生提交的作业,打分(满分100分)。
- 评语系统:支持多行文本评语,给予学生详细反馈。
- 批改状态管理:作业状态自动流转(已提交→已批改),批改时间自动记录。
- 成绩查询:学生可查看作业成绩、教师评语,了解学习情况。
# 5. 内容社区互动
- 通知公告:管理员发布系统通知,及时传达重要信息。
- 文章系统:支持发布教学文章、学习资料,富文本编辑,封面图展示。
- 评论功能:学生可对文章发表评论,支持评论回复,形成互动社区。
- 轮播图管理:首页轮播图展示,宣传重要信息或优质课程。
# ✨ 项目亮点
# 一、业务功能亮点
- 完整的选课流程:学生选课→教师审核→课程学习→作业提交→成绩反馈,流程规范完整。
- 作业全周期管理:从作业发布、学生提交、教师批改到成绩查询,全程数字化管理。
- 智能时间提醒:作业截止时间自动计算,提示"即将到期"(3天内)、"已逾期",帮助学生合理安排时间。
- 多维度统计:课程选课人数、作业提交情况、批改进度等数据统计,辅助教学决策。
- 文件管理便捷:支持多种附件格式,文件上传下载流畅,满足教学资料分发需求。
# 二、技术实现亮点
- 现代化前端技术栈:Vue 3 + Element Plus + Vite,开发高效,界面美观流畅。
- 稳定可靠的后端架构:Spring Boot 3.2 + MyBatis 3.0,构建稳健后端服务。
- 规范的数据库设计:10张核心表,utf8mb4字符集,关系清晰,数据完整。
- 富文本编辑器集成:课程描述、作业内容、提交内容均支持富文本编辑,支持图文混排。
- 文件上传管理:统一的文件上传接口,支持图片、文档、压缩包等多种格式。
# 三、用户体验亮点
- 双端界面设计:
- 前台:水平导航,适合学生浏览学习,界面清新友好。
- 后台:侧边导航,适合管理员和教师管理,功能集中高效。
- 交互优化:
- 卡片式课程展示,封面图+课程信息,视觉效果好。
- 作业列表分标签页展示,切换便捷。
- 表格+对话框模式,数据展示清晰,操作流畅。
- 状态标识清晰:
- 选课状态:待审核(警告黄)、已通过(成功绿)、已拒绝(危险红)。
- 作业状态:已提交(警告黄)、已批改(成功绿)。
- 截止时间:即将到期(警告黄)、已逾期(危险红)、充足(成功绿)。
- 响应式设计:适配多端设备,支持手机、平板、电脑访问。
# 管理员
# 系统管理
管理员管理:管理全部管理员账号,支持新增、编辑、删除、启用/禁用操作。
教师管理:管理全部教师账号,可添加教师信息(用户名、昵称、工号、院系、手机、邮箱),设置账号状态。
学生管理:管理全部学生账号,可修改学生信息(用户名、昵称、学号、班级、手机、邮箱),支持重置密码、启用/禁用账号。
# 教学管理
课程管理:管理全部课程信息,支持新增、编辑、删除课程,设置课程名称、课程编号、课程描述(富文本)、授课教师、学期、学分、封面图。
选课管理:管理全部选课记录,审核学生选课申请(待审核→已通过/已拒绝),查看选课时间、课程信息、学生信息。
# 作业管理
作业发布:管理全部作业,支持新增、编辑、删除作业,设置作业标题、作业内容(富文本)、所属课程、截止时间、附件。
作业批改:查看全部作业提交记录,对学生提交的作业进行批改(打分、评语),查看提交内容、附件、提交时间、批改状态。
# 内容管理
通知公告:发布系统通知公告,设置标题、内容(富文本),查看发布时间、发布人。
文章管理:发布和管理文章内容,设置标题、内容(富文本)、封面图,支持新增、编辑、删除。
评论管理:管理文章评论,查看评论内容、评论用户、评论时间,支持删除评论,管理评论回复(支持父子评论)。
轮播图管理:管理首页轮播图,设置标题、图片,支持新增、编辑、删除。
# 教师
# 教学管理
课程管理:管理自己教授的课程,支持新增、编辑课程,设置课程名称、课程编号、课程描述(富文本)、学期、学分、封面图。
选课管理:审核本课程的学生选课申请,查看选课记录,审核通过或拒绝学生选课。
# 作业管理
作业发布:为自己的课程发布作业,设置作业标题、作业内容(富文本)、截止时间,上传附件(教学资料、参考文档等)。
作业批改:批改本课程学生提交的作业,查看学生提交的作业内容和附件,给出分数(0-100分)和评语,批改后作业状态自动变为"已批改"。
# 个人中心
个人信息:修改个人信息(昵称、头像、工号、院系、手机、邮箱)。
修改密码:修改登录密码。
# 学生(普通用户)
# 选课管理
课程浏览:浏览全部开放的课程,查看课程详情(课程名称、课程编号、课程描述、授课教师、学期、学分、封面图)。
在线选课:选择感兴趣的课程提交选课申请,等待教师/管理员审核。
我的课程:查看自己选修的课程,按审核状态筛选(待审核、已通过、已拒绝),已通过的课程可查看详情。
# 作业管理
我的作业:
- 待完成作业:查看已选课程的待完成作业列表,显示作业标题、所属课程、截止时间、逾期状态。
- 已提交作业:查看已提交的作业记录,显示提交时间、成绩、批改状态。
查看作业详情:查看作业的详细内容(富文本)、附件,下载教师提供的附件。
提交作业:
- 填写提交内容(富文本编辑器,支持图文混排)
- 上传附件(文档、压缩包等)
- 提交后作业状态变为"已提交",等待教师批改
查看成绩:作业批改后,查看教师给出的分数和评语,了解作业完成情况。
# 社区互动
浏览文章:浏览系统发布的文章、学习资料,查看文章详情(标题、内容、封面图、发布时间)。
发表评论:对文章发表评论,支持评论回复,与其他学生或教师互动。
查看通知:查看系统发布的通知公告,及时了解重要信息。
# 个人中心
个人信息:修改个人信息(昵称、头像、学号、班级、手机、邮箱)。
修改密码:修改登录密码。
# 功能权限对照表
| 功能模块 | 管理员 | 教师 | 学生 |
|---|---|---|---|
| 首页 | ✓ | ✓ | ✓ |
| 管理员管理 | ✓ | - | - |
| 教师管理 | ✓ | - | - |
| 学生管理 | ✓ | - | - |
| 课程管理(全部) | ✓ | - | - |
| 课程管理(本人) | - | ✓ | - |
| 课程浏览 | - | - | ✓ |
| 选课申请 | - | - | ✓ |
| 选课审核(全部) | ✓ | - | - |
| 选课审核(本课程) | - | ✓ | - |
| 我的课程 | - | - | ✓ |
| 作业发布(全部) | ✓ | - | - |
| 作业发布(本课程) | - | ✓ | - |
| 作业批改(全部) | ✓ | - | - |
| 作业批改(本课程) | - | ✓ | - |
| 我的作业 | - | - | ✓ |
| 作业提交 | - | - | ✓ |
| 通知公告管理 | ✓ | - | - |
| 通知查看 | - | - | ✓ |
| 文章管理 | ✓ | - | - |
| 文章浏览 | - | - | ✓ |
| 评论管理 | ✓ | - | - |
| 发表评论 | - | - | ✓ |
| 轮播图管理 | ✓ | - | - |
# 选课状态说明
- 待审核:学生已提交选课申请,等待教师或管理员审核
- 已通过:选课申请审核通过,学生可以学习课程、查看作业
- 已拒绝:选课申请被拒绝,学生无法学习该课程
# 作业状态说明
- 已提交:学生已提交作业,等待教师批改
- 已批改:教师已批改作业并给出分数和评语,学生可查看成绩
# 截止时间提醒
- 充足:距离截止时间超过3天,标签显示为绿色
- 即将到期:距离截止时间不足3天,标签显示为黄色警告
- 已逾期:当前时间已超过截止时间,标签显示为红色
# 默认账号
# 管理员
用户名: admin
密码: 123456
1
2
2
# 测试教师
用户名: teacher
密码: 123456
昵称: 教师1
1
2
3
2
3
# 测试学生
用户名: user
密码: 123456
昵称: 普通用户
1
2
3
2
3
# 核心业务流程
# 用户注册流程
1. 学生访问注册页面
2. 填写注册信息(用户名、密码、昵称、邮箱)
3. 系统创建学生账号(默认状态:启用)
4. 跳转到登录页
1
2
3
4
2
3
4
# 选课流程
1. 学生登录系统,进入"课程浏览"页面
2. 浏览全部开放课程,查看课程详情
3. 选择感兴趣的课程,点击"选课"按钮
4. 提交选课申请,系统创建选课记录(状态:待审核)
5. 教师或管理员进入"选课管理"
6. 审核学生选课申请:
- 点击"通过"→状态变为"已通过",学生可学习课程
- 点击"拒绝"→状态变为"已拒绝",学生无法学习
7. 学生在"我的课程"查看选课状态
8. 状态为"已通过"的课程可查看详情、完成作业
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
# 作业发布流程
1. 教师登录系统,进入"作业发布"页面
2. 点击"新增"按钮,填写作业信息:
- 选择所属课程
- 填写作业标题
- 使用富文本编辑器编辑作业内容
- 设置截止时间
- 上传附件(可选)
3. 点击"提交"保存作业
4. 作业发布成功,选修该课程的学生可查看作业
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
# 作业提交流程
1. 学生登录系统,进入"我的作业"页面
2. 切换到"待完成"标签,查看待完成作业列表
3. 选择一个作业,点击"查看详情"查看作业要求
4. 下载教师提供的附件(如有)
5. 点击"提交作业"按钮,打开提交对话框
6. 使用富文本编辑器填写作业答案
7. 上传附件(文档、压缩包等)
8. 点击"确认提交"
9. 系统创建提交记录(状态:已提交),记录提交时间
10. 作业从"待完成"移至"已提交"列表
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
# 作业批改流程
1. 教师登录系统,进入"作业批改"页面
2. 查看学生提交的作业列表,筛选"已提交"状态
3. 选择一个作业提交记录,点击"批改"按钮
4. 查看学生提交的作业内容(富文本)和附件
5. 下载学生提交的附件进行审阅
6. 填写批改信息:
- 输入分数(0-100分)
- 填写评语(多行文本)
7. 点击"确认批改"
8. 系统更新作业状态为"已批改",记录批改时间
9. 学生可在"已提交"列表查看成绩和评语
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
# 文章评论流程
1. 学生登录系统,进入"文章"页面
2. 浏览文章列表,点击文章查看详情
3. 在文章详情页,填写评论内容
4. 点击"发表评论"
5. 评论发布成功,显示在文章下方
6. 其他用户可对评论进行回复(支持父子评论)
7. 管理员可在"评论管理"删除不当评论
1
2
3
4
5
6
7
2
3
4
5
6
7
# 技术说明
# 系统架构
- 前端:Vue 3 + Element Plus + Vite
- 后端:Spring Boot 3.2 + MyBatis 3.0
- 数据库:MySQL 5.7+
- 认证:JWT Token
# 访问地址
- 后端API:http://localhost:1001
- 前端页面:http://localhost:5173(开发环境)
# 数据库
- 数据库名:homework
- 字符集:utf8mb4
- 总表数:10张表
# 核心表说明
- admin:管理员表,存储管理员账号信息(用户名、密码、昵称、头像、手机、邮箱、状态)
- teacher:教师表,存储教师账号信息(用户名、密码、昵称、头像、工号、院系、手机、邮箱、状态)
- user:学生表,存储学生账号信息(用户名、密码、昵称、头像、学号、班级、手机、邮箱、状态)
- course:课程表,存储课程信息(课程名称、课程编号、课程描述、授课教师ID、学期、学分、封面图)
- course_student:选课关系表,存储学生选课记录(课程ID、学生ID、选课时间、审核状态)
- homework:作业表,存储作业信息(课程ID、作业标题、作业内容、附件、截止时间)
- homework_submit:作业提交表,存储学生提交作业记录(作业ID、学生ID、提交内容、附件、提交时间、分数、评语、批改时间、状态)
- notice:通知公告表,存储通知信息(标题、内容、发布人ID、创建时间)
- article:文章表,存储文章信息(标题、内容、封面图、作者ID、创建时间)
- comment:评论表,存储文章评论(文章ID、用户ID、用户类型、父评论ID、评论内容、评论时间)
- banner:轮播图表,存储轮播图信息(标题、图片URL、创建时间)
# 系统特色
# 教学管理特色
- 选课审核机制:规范选课流程,教师可控制学生选课,保证课程质量
- 课程信息完善:支持课程编号、学期、学分、封面图等多维度信息,便于课程展示
- 课程与作业关联:作业与课程紧密绑定,学生只能看到已选课程的作业
- 多教师协作:支持多个教师同时管理不同课程,互不干扰
# 作业管理特色
- 富文本编辑:作业内容、提交内容均支持富文本,可插入图片、表格、代码等
- 附件管理:教师可上传教学资料,学生可上传作业文件,支持多种格式
- 截止时间智能提醒:系统自动计算剩余时间,标签颜色提示(绿色/黄色/红色)
- 批改流程规范:分数+评语双重反馈,批改时间自动记录,状态自动流转
# 内容社区特色
- 通知公告系统:及时发布重要通知,学生可在前台查看
- 文章系统:发布教学文章、学习资料,支持封面图展示
- 评论互动:支持文章评论,支持评论回复,形成学习社区
- 轮播图宣传:首页轮播图展示,宣传重要信息或优质课程
# 界面设计特色
- 卡片式展示:课程、作业采用卡片式布局,视觉效果好,信息展示清晰
- 标签页分类:我的作业按"待完成"和"已提交"分类,切换便捷
- 状态标识醒目:使用Element Plus的Tag组件,颜色区分不同状态,一目了然
- 对话框操作:批改作业、提交作业采用对话框模式,不跳转页面,操作流畅
# 项目优势
# 1. 解决教学痛点
- 选课管理混乱:传统选课依赖Excel表格,易出错,系统提供选课审核流程,规范管理
- 作业收发困难:传统作业通过QQ群、邮件收发,易遗漏,系统提供统一平台,作业提交、批改全程数字化
- 截止时间难追踪:学生容易忘记作业截止时间,系统自动提醒,避免逾期
- 成绩反馈不及时:传统批改后反馈慢,系统批改后学生立即可查看成绩和评语
# 2. 教学管理优势
- 流程规范:选课审核、作业提交、作业批改流程清晰,状态自动流转
- 数据统计:课程选课人数、作业提交情况、批改进度一目了然,辅助教学决策
- 权限清晰:管理员、教师、学生三级权限,各司其职,避免误操作
- 多课程管理:教师可同时管理多门课程,学生可选修多门课程,互不干扰
# 3. 技术实现优势
- 前后端分离:开发效率高,维护方便,前后端可独立升级
- 响应式设计:适配手机、平板、电脑,随时随地学习管理
- 富文本编辑:支持图文混排,提升作业内容表达能力
- 文件管理规范:统一的文件上传接口,文件存储安全可靠
# 4. 用户体验优势
- 界面美观:采用Element Plus组件库,界面现代化、美观友好
- 操作简单:流程清晰,按钮功能明确,新手易上手
- 实时反馈:状态实时更新,操作结果立即显示
- 移动端友好:响应式布局,手机端也能流畅使用