第五章系统功能实现
一、技术路线:
开发语言:Java
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV1XC4y1E7zX/
三、运行截图:
3.1系统登录注册
系统登录,管理员和用户进入系统前在登录页面根据要求填写用户名和密码,选择角色等信息,点击登录进行系统操作,如图3-1所示。
图3-1系统登录界面图
用户注册,在用户注册页面通过填写学号、密码、确认密码、姓名、院系、专业、手机等内容进行注册操作,如图3-2所示。
图3-2用户注册界面图
3.2管理员功能模块
管理员登录系统后,可以对首页、个人中心、用户管理、教师管理、课程信息管理、班级信息管理、试题管理、在线试题管理、考试管理等功能进行相应的操作管理,如图3-3所示。
图3-3管理员功能界面图
用户管理,在用户管理页面可以对索引、学号、姓名、性别、院系、专业、班级、手机等内容进行详情,修改或删除操作,如图3-4所示。
图3-4用户管理界面图
教师管理,在教师管理页面可以对索引、教师工号、教师姓名、性别、籍贯、出生日期、所教科目、职务、联系方式等信息进行详情,修改或删除操作,如图3-5所示。
图3-5教师管理界面图
课程信息管理,在课程信息管理页面可以对索引、课程名称、科目类型、班级、授课老师、开课时间、结课时间、课件等内容进行详情,修改或删除操作,如图3-6所示。
图3-6课程信息管理界面图
班级信息管理,在班级信息管理页面可以对索引、班级编号、班级类型、班级人数、班主任、备注等内容进行详情,修改和删除操作,如图3-7所示。
图3-7班级信息管理界面图
试题管理,在试题管理页面可以对在线试题、试题名称、分值、答案、类型等内容进行修改和删除操作,如图3-8所示。
图3-8试题管理界面图
在线试题管理,在在线试题管理页面可以对索引、在线试题名称、考试时长(分钟)在线试题状态等内容进行详情,修改和删除等操作;如图3-9所示。
图3-9在线试题管理界面图
3.3用户功能模块
用户登录进入在线考试系统可以对首页、个人中心、课程信息管理、班级信息管理、考试管理等功能进行相应操作,如图3-10所示。
图3-10用户功能界面图
个人中心,在个人信息页面通过填写学号、姓名、性别、院系、专业、班级、手机等内容进行个人信息修改操作,如图3-11所示。
图3-11个人中心界面图
课程信息管理,在课程信息管理页面可以对索引、课程名称、科目类型、班级、授课老师、开课时间、结课时间、课件等内容进行查看详情操作,如图3-12所示。
图3-12课程信息管理界面图
班级信息管理,在班级信息管理页面可以对索引、班级编号、班级类型、班级人数、班主任、备注等内容进行查看详情操作,如图3-13所示。
图3-13班级信息管理界面图
考试管理,在在线试题列表可以查看在线试题、考试时长/分钟等内容,并进行考试操作,还可以对考试记录,错题本进行详细操作;如图3-14所示。
图3-14考试管理界面图