作业批改系统
本系统的技术栈包括 前端:vue2.0+socket.io+element-ui 后端:node.js+express 数据库:mysql 前后端分离的项目
系统分为三种用户:管理员、老师、学生用户
管理员用户功能:包含三种用户的所有功能,主要是方便测试和管理数据
教师用户功能:管理公告、管理班级、发布作业、批改作业
学生用户功能:加入班级、查看作业、完成作业
登录注册页面,登录注册
登录注册

前端表单校验,后端MD5加密存进数据库
登录注册页面部分代码

用户首页

根据不同的用户类型进行跳转:管理员、老师、学生。
9.15新加入main组件动画功能,切换到组件时有特殊动画效果
首页功能:主要是显示用户信息和公告内容。
公告部分:管理员公告(只有管理员可编辑,所有人可见)
教师公告(只有教师可编辑,仅加入该老师课程的学生可查看,最多两条)
首页部分代码

教师课程管理部分


课程管理:该部分不同用户有不同的功能。
学生部分:申请加入课程,退出课程
老师部分:新建课程,邀请学生加入课程,同意学生加入课程申请,将学生踢出课程
作业发布模块

该部分为教师用户发布作业的模块,一共五种题型,各个题目数量可以无限增加。单选题、多选题、填空题的选项数可以增加至最多七项。
批改作业模块

该模块可以选择课程查询作业,并点击作业查看已提交的学生的作业,通过点击学生作业在“查看作业”页面可以显示出该学生的作业和他的答案,教师用户可以通过该页面批改并提交结果。
在线聊天模块

使用本系统的学生和老师均可使用本功能,可私聊或者群聊都可以,只要在线,就能发起聊天,方便学生向老师询问学习方面的事情。
本文介绍了一个基于Vue2.0、Socket.IO、Element-UI的前端,Node.js+Express后端,以及MySQL数据库的作业批改系统。系统支持管理员、老师和学生三种角色,具有用户登录注册、课程管理、作业发布与批改、公告管理和在线聊天等功能。教师可发布不同题型的作业,学生能完成并查看作业,同时提供便捷的沟通渠道。
180





