【开源】基于Vue.js的计算机机房作业管理系统的设计和实现

在这里插入图片描述
$\color{red}{项目编号：S017，文末获取源码。}$

一、摘要
- 1.1 项目介绍
- 1.2 项目录屏
二、功能模块
- 2.1 登录注册模块
- 2.2 课程管理模块
- 2.3 课时管理模块
- 2.4 学生作业模块
三、系统设计
- 3.1 用例设计
- 3.2 数据库设计
- - 3.2.1 课程表
  - 3.2.2 课时表
  - 3.2.3 学生作业表
四、系统展示
五、核心代码
- 5.1 查询课程数据
- 5.2 新增课时
- 5.3 提交作业
- 5.4 批阅作业
六、免责说明

一、摘要

1.1 项目介绍

基于Vue+SpringBoot+MySQL的计算机机房作业管理系统包含课程档案模块、课时档案模块、学生作业模块，还包含系统自带的用户管理、部门管理、角色管理、菜单管理、日志管理、数据字典管理、文件管理、图表展示等基础模块，计算机机房作业管理系统基于角色的访问控制，给课程管理员、教师、学生使用，可将权限精确到按钮级别，您可以自定义角色并分配权限，系统适合设计精确的权限约束需求。

1.2 项目录屏

源码下载

二、功能模块

2.1 登录注册模块

计算机机房作业管理系统需要支持用户的登录注册功能，所以登录注册模块是为了用户进入计算机机房作业管理系统而设计的。

2.2 课程管理模块

课程管理模块是用于学校或机构记录和管理课程信息的教育管理软件，课程管理模块提供详细的课程信息、开课时间、教学老师等相关信息，帮助学生做出选择，更好地了解课程特点和内容，通过课程管理模块，学校或培训机构可以统一安排每门课程的课程计划、教师和班级，从而优化教育资源的配置和利用，最大限度地提高资源效率。课程管理模块允许您监控和管理课程质量，同时记录和收集学生的课程反馈和评分，为改进课程提供宝贵的数据支持，通过课程管理模块，学校和机构可以轻松了解每一位教职工提供的课程状态，并及时掌握、管理和支持教育进展和效果。

2.3 课时管理模块

课时管理模块是一个用于管理课程和课时的在线教育平台，课时管理模块可以记录和管理每节课的课时、内容、课时等信息，方便教师和管理人员安排和调整教育计划和进度，通过课时管理模块，教师可以根据学生的学习进度和理解情况灵活调整上课和上课时间安排，从而提高教育效果和质量，课时管理模块记录和统计学生学习状况、考勤卡记录、考试成绩等数据，为教师和管理人员提供宝贵的数据支持，从而更好地了解学生的学习状况和需求、教育情况，提高教育和教育管理的效率和质量，课时管理模块帮助管理人员和评委对教学质量和教学质量进行评估，确保教学质量和效果的稳定和提高。

2.4 学生作业模块

学生作业模块是用于管理教育软件中的学生作业的模块，学生作业模块使教师更容易管理和评分学生作业，学生作业模块允许教师查看每个学生是如何完成作业的，修改他们的意见，并及时提供评分和反馈，学生作业模块使学生能够更好地理解、掌握和应用所学知识，通过学生作业模块，学生可以及时了解作业要求、提交时间等重要信息，根据目的进行准备和学习，增加学习的动力和动力，学生家庭作业模块确保学生提交的家庭作业得到很好的保护和保密，只有经过授权的老师才能看到学生提交的作业内容，这样学生个人信息的安全和隐私就不会泄露，学生作业模块有助于家长及时了解孩子的进度和家庭作业完成情况。该模块允许家长查看孩子提交的作业、老师的评价、建议等，并及时与老师沟通和联系。

三、系统设计

3.1 用例设计

在这里插入图片描述

3.2 数据库设计

3.2.1 课程表

在这里插入图片描述

3.2.2 课时表

在这里插入图片描述

3.2.3 学生作业表

在这里插入图片描述

四、系统展示

在这里插入图片描述

五、核心代码

5.1 查询课程数据

@RequestMapping(value = "/getByPage", method = RequestMethod.GET)
@ApiOperation(value = "查询课程")
public Result<IPage<Course>> getByPage(@ModelAttribute Course course ,@ModelAttribute PageVo page){QueryWrapper<Course> qw = new QueryWrapper<>();if(!ZwzNullUtils.isNull(course.getTitle())) {qw.like("title",course.getTitle());}if(!ZwzNullUtils.isNull(course.getTeacherName())) {qw.like("teacher_name",course.getTeacherName());}IPage<Course> data = iCourseService.page(PageUtil.initMpPage(page),qw);return new ResultUtil<IPage<Course>>().setData(data);
}

5.2 新增课时

@RequestMapping(value = "/insert", method = RequestMethod.POST)
@ApiOperation(value = "新增课时")
public Result<ClassHour> insert(ClassHour classHour){Course course = iCourseService.getById(classHour.getCourseId());if(course == null) {return ResultUtil.error("课程不存在");}classHour.setCourseName(course.getTitle());iClassHourService.saveOrUpdate(classHour);return new ResultUtil<ClassHour>().setData(classHour);
}

5.3 提交作业

@RequestMapping(value = "/upload", method = RequestMethod.GET)
@ApiOperation(value = "提交作业")
public Result<Task> upload(@RequestParam String id,@RequestParam String url){Task task = iTaskService.getById(id);if(task == null) {return ResultUtil.error("作业不存在");}task.setUploadTime(DateUtil.now());task.setTask(url);iTaskService.saveOrUpdate(task);return ResultUtil.success();
}

5.4 批阅作业

@RequestMapping(value = "/check", method = RequestMethod.GET)
@ApiOperation(value = "批阅作业")
public Result<Task> check(@RequestParam String id,@RequestParam BigDecimal grade){Task task = iTaskService.getById(id);if(task == null) {return ResultUtil.error("作业不存在");}User currUser = securityUtil.getCurrUser();task.setCheckId(currUser.getId());task.setCheckName(currUser.getNickname());task.setCheckTime(DateUtil.now());task.setGrade(grade);iTaskService.saveOrUpdate(task);return ResultUtil.success();
}