第5章系统实现
一、技术路线:
开发语言:Java
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV1Yu411T7Jc/
三、运行截图:
3.1管理员功能界面的实现
管理员是系统里的最高权限,负责系统里的所有信息的管理、审核。包括学生信息、课程信息、成绩信息等。
3.1.1用户登录界面的实现
本功能设计的目的是帮助系统检验身份,保证系统的安全。在用户登录功能界面里的元素包括按钮、列表框、文字、图片等。用户输入框、密码输入框、权限列表框都居中展示。用户登录界面的实现界面如下图3.1所示:
图3.1用户登录界面的实现效果
3.1.2个人中心管理功能的实现界面
在个人中心管理功能里,管理员可以设置新的管理员,可以查询已有的管理员和修改当前登录的登录密码。设置多个管理员可以让更多的工作人员参与进来。修改个人信息功能的实现界面如下图3.2所示:
图3.2修改个人信息功能的实现界面
修改密码的实现界面如下图3.3所示:
图3.3修改密码的实现界面
3.1.3课程信息管理功能的实现界面
管理员登录后在课程信息管理功能里可以发布新的课程和删除不使用的课程以及修改错误的课程,管理员查询课程信息的实现界面如下图3.4所示:
图3.4管理员查询课程信息的功能实现界面
3.1.4老师信息管理功能的实现界面
管理员在本功能里可以添加老师资料,可以为老师分配账号和密码,帮助老师使用本系统,当老师辞职后管理员可以及时的删除老师信息防止系统内容的外泄。管理员查询老师信息功能的实现界面如下图3.5所示:
图3.5管理员查询老师信息功能的实现界面
3.1.5班级管理功能的实现界面
班级管理功能里可以看到班级的编号和标题,点击添加班级信息可以进入添加界面里实现班级的更新。管理员查询班级信息功能的实现界面如下图3.6所示:
图3.6管理员查询班级信息功能的实现界面
3.1.6学生信息管理功能的实现界面
管理员可以添加学生信息和查询学生信息,学生信息添加后,学生可以自己修改自己的资料。管理员查询学生信息功能的实现界面如下图3.7所示:
图3.7管理员查询学生信息功能的实现界面
3.1.7成绩管理功能的实现界面
管理员也可以对学生的成绩进行修改和删除以此来审核老师给发布的学生成绩。管理员查询成绩信息功能的实现界面如下图3.8所示:
图3.8管理员查询成绩信息功能的实现界面
3.1.8教学计划管理功能的实现界面
管理员可以查询老师制定的教学计划,并可以进行修改和添加、删除。管理员查询教学计划功能的实现界面如下图3.9所示:
图3.9管理员查询教学计划信息的实现界面
3.1.9学生选课管理功能的实现界面
管理员也可以查询学生的选课详情并进行修改和删除、查询。学生选课功能的实现界面如下图3.10所示:
图3.10管理员查询学生选课信息的实现界面
3.1.10教室管理功能的实现界面
本功能属于教学资源管理的一部分,管理员可以设置教室和修改教室、删除教室。教室管理功能的实现界面如下图3.11所示:
图3.11管理员查询教室信息的实现界面
3.1.11院系管理功能的实现界面
本功能同样属于教学资源功能的一部分。管理员可以更新院系信息。实现界面如下图3.12所示:
图3.12院系信息的实现界面
3.2学生功能的界面详细实现
3.2.1个人资料管理功能的实现界面
学生可以修改自己的个人资料使其保证正确性。学生修改个人资料管理功能的实现界面如下图3.13所示:
图3.13学生修改个人资料管理功能的实现界面
3.2.2在线选课功能的实现界面
在本功能里,学生可以查询课程信息,可以看到课程的所负责老师和学分等信息,然后可以进行选择。选课管理功能的实现界面如下图3.14所示:
图3.14选课管理功能的实现界面
3.2.3成绩查询功能的实现界面
学生可以查询课程的成绩。成绩查询功能的实现界面如下图3.15所示:
图3.15学生查询成绩的功能实现界面
3.2.4选课管理功能的实现界面
学生选课后可以查看自己选择的所有课程。实现界面如下图3.16所示:
图3.16选课管理功能的实现界面
3.2.5教学资源管理功能的实现界面
学生可以查看教室信息、老师信息和院系信息。实现界面如下图3.17所示:
图3.17教学资料管理功能的实现界面
3.3老师功能的详细实现界面
老师的主要功能为为学生打分,可以根据课程名称、类型、学号、姓名、班级进行学生成绩的查询,并且可以发布教学计划。老师功能的实现界面如下图3.18所示:
图3.18老师角色功能的实现界面