作业批改系统
本系统的技术栈包括 前端:vue2.0+socket.io+element-ui 后端:node.js+express 数据库:mysql 前后端分离的项目
系统分为三种用户:管理员、老师、学生用户
管理员用户功能:包含三种用户的所有功能,主要是方便测试和管理数据
教师用户功能:管理公告、管理班级、发布作业、批改作业
学生用户功能:加入班级、查看作业、完成作业
登录注册页面,登录注册
登录注册
前端表单校验,后端MD5加密存进数据库
登录注册页面部分代码
用户首页
根据不同的用户类型进行跳转:管理员、老师、学生。
9.15新加入main组件动画功能,切换到组件时有特殊动画效果
首页功能:主要是显示用户信息和公告内容。
公告部分:管理员公告(只有管理员可编辑,所有人可见)
教师公告(只有教师可编辑,仅加入该老师课程的学生可查看,最多两条)
首页部分代码
教师课程管理部分
课程管理:该部分不同用户有不同的功能。
学生部分:申请加入课程,退出课程
老师部分:新建课程,邀请学生加入课程,同意学生加入课程申请,将学生踢出课程
作业发布模块
该部分为教师用户发布作业的模块,一共五种题型,各个题目数量可以无限增加。单选题、多选题、填空题的选项数可以增加至最多七项。
批改作业模块
该模块可以选择课程查询作业,并点击作业查看已提交的学生的作业,通过点击学生作业在“查看作业”页面可以显示出该学生的作业和他的答案,教师用户可以通过该页面批改并提交结果。
在线聊天模块
使用本系统的学生和老师均可使用本功能,可私聊或者群聊都可以,只要在线,就能发起聊天,方便学生向老师询问学习方面的事情。