一、系统概述
1.1功能介绍
在线选课系统通过Web应用程序的方式实现在线选课的流程。学生登录系统后可以查看所有课程的选课情况,也具有对课程进行查询功能,并且可以对选课人数没有满员的课程进行选课操作,同时也可以查询自己已经选择了那些课程以及对个人的登录密码进行修改;教师登录系统后可以查看所有课程的选课情况,也可以查看本人已发布的课程以及搜索,还可以添加可选的课程,以及可以修改和删除已发布的课程,查看选择自己发布课程的学生名单,同时还有对个人密码进行修改功能。管理员登录系统后,可以对学生、教师、课程进行管理,对学生管理具有搜索学生、添加学生,同时还可以对学生的信息进行修改、删除、查看功能、以及可以对该学生所选的课程进行退课操作;对教师具有搜索教师信息、添加教师,删除教师功能,同时可以对教师个人信息和密码进行修改以及查看其发布的课程进行管理,具有删除功能;对课程管理具有搜索课程、添加课程、修改课程以及删除课程功能,同时管理员还可以修改自己个人登录密码功能。
由于本系统设计为学生、教师和管理员同时使用,所以在登录页面允许学生和教师同时使用,并且根据使用者角色的不同自动跳转到不同的页面。
综上所述,本系统从功能上可分成登录、密码修改、学生选课、退课、学生选课结果浏览、教师个人授课情况、教师浏览选课结果、已选学生名单、教师添加课程、删除课程、管理员查询、添加和删除、修改学生信息、老师信息、课程信息,查看学生选课情况、教师发布课程情况并可以对其进行删除以及个人密码修改等主要功能模块。
1.2开发环境
eclipse、JDK1.8、MYSQL 8.0、Tomcat9.0.37
1.3主要技术
JavaWeb+HTML+CSS+JS+jQuery
二、系统设计
2.1 系统模块划分
根据以上分析,系统主用例图如下图所示。
![](https://img-blog.csdnimg.cn/img_convert/311b85aac0d37e5fb593a75676b973e1.png)
2.2 数据描述
username;//用户名
Password;//密码
Realname;//用户真实姓名
Role;//用户角色
course_id;//课程号
course_name;//课程名
teacher;//教师
credit;//学分
time;//上课时间时间
location;//地址
teacher;//老师
num;//已选课程人数
limited;//限选人数
2.3 页面设计
2.3.1登录
![](https://img-blog.csdnimg.cn/img_convert/268806acd2c9c54aa169bf9b95af29d2.png)
不同用户进行登录,在登录时输入用户名、密码和选择用户角色进行登录,如果输入的密码或用户名错误,以及选用角色失败会提示输入错误。如果验证通过,选择不同的角色登录,会跳到相应角色页面。
2.3.2 管理员页面
1、管理员登录成功后将跳到管理员页面:
![](https://img-blog.csdnimg.cn/img_convert/ba95947eca107f10c711d5e2b02951f4.png)
2、点击学生管理会进入学生管理页面,如下图所示:
![](https://img-blog.csdnimg.cn/img_convert/87673f72930778cff5b8790b81d95f31.png)
![](https://img-blog.csdnimg.cn/img_convert/9cbd2098b379ec6f9ba248322027f388.png)
此页面可以查看学生的所有信息,进行搜索学生信息、添加学生信息,以及管理员可以对某个学生进行已选课信息查看,查看同时还可以进行删除操作、修改学生个人信息、删除该学生;
3、点击教师管理会进入教师管理页面,如下图所示:
![](https://img-blog.csdnimg.cn/img_convert/710e0913c905696d7539ff83405f323d.png)
![](https://img-blog.csdnimg.cn/img_convert/b7da086d30b76459ace9a7d0f33222e4.png)
此页面可以查看老师的所有信息,进行搜索老师信息、添加老师信息,以及管理员可以对某个老师进行授课信息查看,查看同时还可以进行删除操作;
4、点击课程管理会进入课程管理页面,如下图所示:
![](https://img-blog.csdnimg.cn/img_convert/8cbb8dd13792b1aa507e5773cb6e2695.png)
此页面可以查看所有课程信息,可以进行搜索某课程信息、添加课程信息,以及管理员可以对某个课程进行修改、删除操作;
5、点击密码修改会跳到密码修改页面,如下图所示:
![](https://img-blog.csdnimg.cn/img_convert/2641f299d2bf9caeafe2ff085e0a28e1.png)
2.3.3 学生页面
1、学生登录成功后到学生页面,如下图所示
![](https://img-blog.csdnimg.cn/img_convert/d2ba8fac9d5375d9361b8134531af200.png)
2、点击选择课程会进入学生选课页面,如下图所示:
![](https://img-blog.csdnimg.cn/img_convert/4a38b20400faf74f370ad238e8ac711b.png)
此页面可以进行选课功能,搜索某课程功能
3、点击查看可以查看该学生已选的课程,如下图
![](https://img-blog.csdnimg.cn/img_convert/516057a6cbb75525a0fc69703342c158.png)
此页面可以进行退课操作
4、点击密码修改,跳到如下图所示:
![](https://img-blog.csdnimg.cn/img_convert/1ef746954467250ee97835642197ab41.png)
修改成功后跳回学生首页:
2.3.4 教师页面
1、老师登录成功后将跳到老师页面,如下图所示:
![](https://img-blog.csdnimg.cn/img_convert/4e5b65c28e2973951b090bc1d34dff86.png)
2、点击授课预览,可以查看本人发布的课程信息
![](https://img-blog.csdnimg.cn/img_convert/a180b238a4e91c54c3e3c6618f103571.png)
此页面可以对课程进行修改编辑以及删除操作
3、点击查看已选课程,跳到课程选择结果页面,如下图所示:
![](https://img-blog.csdnimg.cn/img_convert/f40e5a7bf550c70a36956b7258cd8540.png)
![](https://img-blog.csdnimg.cn/img_convert/5b567309c802e105070b535e91431b6b.png)
此页面可以进行查看已选该课程学生的用户名、以及可以对该课程进行删除操作
4、点击添加课程,跳到添加课程页面,如下图所示:
![](https://img-blog.csdnimg.cn/img_convert/82b5ec1be487d33c265b96edd10a5725.png)
5、点击密码修改可以进行个人密码修改,如下图所示:
![](https://img-blog.csdnimg.cn/img_convert/add4c1adc195cd44554819d6168a5165.png)