主要功能展现(截图)--教务管理系统

时间  2019-11-08
标签 主要 功能 展现 截图 教务 管理 系统 繁體版
原文   原文链接

1、功能模块

一、登录

使用Shiro权限管理框架，实现登陆验证和登陆信息的储存，根据不一样的登陆帐户，分发权限角色，对不一样页面url进行角色设置javascript

 

二、管理员模块功能

管理员可对 教师信息、学生信息、课程信息 进行 增删改查 操做，管理员帐户，能够重置非管理员帐户的密码css

 

三、教师模块功能

教师登录后，能够获取其，教授的课程列表，并能够给已经选择该课程的同窗打分，没法对已经给完分的同窗进行二次操做html

 

四、学生模块功能

学生登陆后，根据学生信息，获取其已经选择的课程，和已经修完的课程前端

 

2、主要代码

一、项目结构

 

 

二、主要功能板块的代码

 ①登录界面java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<! DOCTYPE  html>
< html >
< head >
     < title ></ title >
     < meta  name="viewport" content="width=device-width, initial-scale=1.0">
     <!-- 引入bootstrap -->
     < link  rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.min.css">
     <!-- 引入JQuery  bootstrap.js-->
     < script  src="${pageContext.request.contextPath}/js/jquery-3.2.1.min.js"></ script >
     < script  src="${pageContext.request.contextPath}/js/bootstrap.min.js"></ script >
     < style  type="text/css">
     body{
        background: url("${pageContext.request.contextPath}/images/login.jpg")repeat;
     }
     #login-box {
         /*border:1px solid #F00;*/
         padding: 35px;
         border-radius:15px;
         background: #FF8C00;
         color: #fff;
     }
 
     </ style >
</ head >
< body >
     < div  class="container" id="top">
         < div  class="row" style="margin-top: 280px; ">
             < div  class="col-md-4"></ div >
             < div  class="col-md-4" id="login-box">
                 < form  class="form-horizontal" role="form" action="${pageContext.request.contextPath}/login" id="from1" method="post">
                   < div  class="form-group">
                     < label  for="firstname" class="col-sm-3 control-label">帐号：</ label >
                     < div  class="col-sm-9">
                       < input  type="text" class="form-control" id="userID" placeholder="请输入名字" name="username">
                     </ div >
                   </ div >
                   < div  class="form-group">
                     < label  for="lastname" class="col-sm-3 control-label">密码：</ label >
                     < div  class="col-sm-9">
                       < input  type="password" class="form-control" id="password" placeholder="请输入密码" name="password">
                     </ div >
                   </ div >
                   < div  class="form-group pull-right" style="margin-right: 15px;">
                     < div  class="col-sm-offset-2 col-sm-10">
                       < button  type="submit" class="btn btn-primary">登陆</ button >
                     </ div >
                   </ div >
                 </ form >
             </ div >
             < div  class="col-md-4"></ div >
         </ div >       
     </ div >
</ body >
</ html >

　　②管理员操做界面之添加课程jquery

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
 
<! DOCTYPE  html>
< html >
< head >
     < title ></ title >
 
     < meta  name="viewport" content="width=device-width, initial-scale=1.0">
     <!-- 引入bootstrap -->
     < link  rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.min.css">
     <!-- 引入JQuery  bootstrap.js-->
     < script  src="${pageContext.request.contextPath}/js/jquery-3.2.1.min.js"></ script >
     < script  src="${pageContext.request.contextPath}/js/bootstrap.min.js"></ script >
</ head >
< body >
<!-- 顶栏 -->
< jsp:include  page="top.jsp"></ jsp:include >
<!-- 中间主体 -->
< div  class="container" id="content">
     < div  class="row">
         < jsp:include  page="menu.jsp"></ jsp:include >
         < div  class="col-md-10">
             < div  class="panel panel-default">
                 < div  class="panel-heading">
                     < div  class="row">
                         < h1  style="text-align: center;">添加课程信息</ h1 >
                     </ div >
                 </ div >
                 < div  class="panel-body">
                     < form  class="form-horizontal" role="form" action="${pageContext.request.contextPath}/admin/addCourse" id="editfrom" method="post">
                         < div  class="form-group">
                             < label  for="inputEmail3" class="col-sm-2 control-label">课程号</ label >
                             < div  class="col-sm-10">
                                 < input  type="number" class="form-control" id="inputEmail3" name="courseid" placeholder="请输入课程号">
                             </ div >
                         </ div >
                         < div  class="form-group">
                             < label  for="inputPassword3" class="col-sm-2 control-label">课程名称</ label >
                             < div  class="col-sm-10">
                                 < input  type="text" class="form-control" id="inputPassword3" name="coursename" placeholder="请输入课程名称">
                             </ div >
                         </ div >
                         < div  class="form-group">
                             < label  for="inputPassword3" class="col-sm-2 control-label" name="grade">授课老师编号</ label >
                             < div  class="col-sm-10">
                                 < select  class="form-control" name="teacherid">
                                     < c:forEach  items="${teacherList}" var="item">
                                         < option  value="${item.userid}">${item.username}</ option >
                                     </ c:forEach >
                                 </ select >
                             </ div >
                         </ div >
                         < div  class="form-group">
                             < label  for="inputPassword3" class="col-sm-2 control-label">上课时间</ label >
                             < div  class="col-sm-10">
                                 < input  type="text" class="form-control" name="coursetime" placeholder="请输入上课时间">
                             </ div >
                         </ div >
                         < div  class="form-group">
                             < label  for="inputPassword3" class="col-sm-2 control-label">上课地点</ label >
                             < div  class="col-sm-10">
                                 < input  type="text" class="form-control" name="classroom" placeholder="上课地点">
                             </ div >
                         </ div >
                         < div  class="form-group">
                             < label  for="inputEmail3" class="col-sm-2 control-label">周数</ label >
                             < div  class="col-sm-10">
                                 < input  type="number" class="form-control" name="courseweek" placeholder="请输入周数">
                             </ div >
                         </ div >
                         < div  class="form-group">
                             < label  for="inputPassword3" class="col-sm-2 control-label" name="coursetype">课程的类型：</ label >
                             < div  class="col-sm-10">
                                 < select  class="form-control" name="coursetype">
                                     < option  value="必修课">必修课</ option >
                                     < option  value="选修课">选修课</ option >
                                     < option  value="公共课">公共课</ option >
                                 </ select >
                             </ div >
                         </ div >
                         < div  class="form-group">
                             < label  for="inputPassword3" class="col-sm-2 control-label" name="grade">所属院系</ label >
                             < div  class="col-sm-10">
                                 < select  class="form-control" name="collegeid">
                                     < c:forEach  items="${collegeList}" var="item">
                                         < option  value="${item.collegeid}">${item.collegename}</ option >
                                     </ c:forEach >
                                 </ select >
                             </ div >
                         </ div >
                         < div  class="form-group">
                             < label  for="inputEmail3" class="col-sm-2 control-label">学分：</ label >
                             < div  class="col-sm-10">
                                 < input  type="number" class="form-control" name="score" placeholder="请输入学分">
                             </ div >
                         </ div >
                         < div  class="form-group" style="text-align: center">
                             < button  class="btn btn-default" type="submit">提交</ button >
                             < button  class="btn btn-default" type="reset">重置</ button >
                         </ div >
                     </ form >
                 </ div >
 
             </ div >
 
         </ div >
     </ div >
</ div >
< div  class="container" id="footer">
     < div  class="row">
         < div  class="col-md-12"></ div >
     </ div >
</ div >
</ body >
< script  type="text/javascript">
     $("#nav li:nth-child(1)").addClass("active")
</ script >
</ html >

　　③学生操做界面之显示已选课程bootstrap

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt" %>
 
<! DOCTYPE  html>
< html >
< head >
     < title >课程信息显示</ title >
 
     < meta  name="viewport" content="width=device-width, initial-scale=1.0">
     <!-- 引入bootstrap -->
     < link  rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.min.css">
     <!-- 引入JQuery  bootstrap.js-->
     < script  src="${pageContext.request.contextPath}/js/jquery-3.2.1.min.js"></ script >
     < script  src="${pageContext.request.contextPath}/js/bootstrap.min.js"></ script >
 
     <%--< meta  http-equiv="Content-Type" content="text/html; charset=UTF-8">--%>
 
</ head >
< body >
     <!-- 顶栏 -->
     < jsp:include  page="top.jsp"></ jsp:include >
     <!-- 中间主体 -->
     < div  class="container" id="content">
         < div  class="row">
             < jsp:include  page="menu.jsp"></ jsp:include >
             < div  class="col-md-10">
                 < div  class="panel panel-default">
                     < div  class="panel-heading">
                         < div  class="row">
                             < h1  class="col-md-5">已选课程</ h1 >
 
 
                         </ div >
                     </ div >
                     < table  class="table table-bordered">
                             < thead >
                                 < tr >
                                     < th >课程号</ th >
                                     < th >课程名称</ th >
                                     < th >授课老师编号</ th >
                                     < th >上课时间</ th >
                                     < th >上课地点</ th >
                                     < th >周数</ th >
                                     < th >课程类型</ th >
                                     < th >学分</ th >
                                     < th >操做</ th >
                                 </ tr >
                             </ thead >
                             < tbody >
                             < c:forEach   items="${selectedCourseList}" var="item">
                                 <%--输出还没修完的课程--%>
                                 < c:if  test="${!item.over}">
                                     < tr >
                                         < td >${item.couseCustom.courseid}</ td >
                                         < td >${item.couseCustom.coursename}</ td >
                                         < td >${item.couseCustom.teacherid}</ td >
                                         < td >${item.couseCustom.coursetime}</ td >
                                         < td >${item.couseCustom.classroom}</ td >
                                         < td >${item.couseCustom.courseweek}</ td >
                                         < td >${item.couseCustom.coursetype}</ td >
                                         < td >${item.couseCustom.score}</ td >
                                         < td >
                                             < button  class="btn btn-default btn-xs btn-info" onClick="location.href='/student/outCourse?id=${item.courseid}'">退课</ button >
                                             <!--弹出框-->
                                         </ td >
                                     </ tr >
                                 </ c:if >
                             </ c:forEach >
                             </ tbody >
                     </ table >
                     < div  class="panel-footer">
                         < c:if  test="${pagingVO != null}">
                             < nav  style="text-align: center">
                                 < ul  class="pagination">
                                     < li >< a  href="${pageContext.request.contextPath}/student/showCourse?page=${pagingVO.upPageNo}">«上一页</ a ></ li >
                                     < li  class="active">< a  href="">${pagingVO.curentPageNo}</ a ></ li >
                                     < c:if  test="${pagingVO.curentPageNo+1 <= pagingVO.totalCount}">
                                         < li >< a  href="${pageContext.request.contextPath}/student/showCourse?page=${pagingVO.curentPageNo+1}">${pagingVO.curentPageNo+1}</ a ></ li >
                                     </ c:if >
                                     < c:if  test="${pagingVO.curentPageNo+2 <= pagingVO.totalCount}">
                                         < li >< a  href="${pageContext.request.contextPath}/student/showCourse?page=${pagingVO.curentPageNo+2}">${pagingVO.curentPageNo+2}</ a ></ li >
                                     </ c:if >
                                     < c:if  test="${pagingVO.curentPageNo+3 <= pagingVO.totalCount}">
                                         < li >< a  href="${pageContext.request.contextPath}/student/showCourse?page=${pagingVO.curentPageNo+3}">${pagingVO.curentPageNo+3}</ a ></ li >
                                     </ c:if >
                                     < c:if  test="${pagingVO.curentPageNo+4 <= pagingVO.totalCount}">
                                         < li >< a  href="${pageContext.request.contextPath}/student/showCourse?page=${pagingVO.curentPageNo+4}">${pagingVO.curentPageNo+4}</ a ></ li >
                                     </ c:if >
                                     < li >< a  href="${pageContext.request.contextPath}/student/showCourse?page=${pagingVO.totalCount}">最后一页»</ a ></ li >
                                 </ ul >
                             </ nav >
                         </ c:if >
                     </ div >
                 </ div >
 
             </ div >
         </ div >
     </ div >
     < div  class="container" id="footer">
         < div  class="row">
             < div  class="col-md-12"></ div >
         </ div >
     </ div >
</ body >
     < script  type="text/javascript">
         <%--设置菜单中--%>
         $("#nav li:nth-child(2)").addClass("active")
         < c:if  test="${pagingVO != null}">
         if (${pagingVO.curentPageNo} == ${pagingVO.totalCount}) {
             $(".pagination li:last-child").addClass("disabled")
         };
 
         if (${pagingVO.curentPageNo} == ${1}) {
             $(".pagination li:nth-child(1)").addClass("disabled")
         };
         </ c:if >
 
         function confirmd() {
             var msg = "您真的肯定要删除吗？！";
             if (confirm(msg)==true){
                 return true;
             }else{
                 return false;
             }
         }
 
         $("#sub").click(function () {
             $("#form1").submit();
         });
     </ script >
</ html >

　　④教室操做界面之打分系统安全

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<! DOCTYPE  html>
< html >
< head >
     < title ></ title >
 
     < meta  name="viewport" content="width=device-width, initial-scale=1.0">
     <!-- 引入bootstrap -->
     < link  rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.min.css">
     <!-- 引入JQuery  bootstrap.js-->
     < script  src="${pageContext.request.contextPath}/js/jquery-3.2.1.min.js"></ script >
     < script  src="${pageContext.request.contextPath}/js/bootstrap.min.js"></ script >
</ head >
< body >
     <!-- 顶栏 -->
     < jsp:include  page="top.jsp"></ jsp:include >
     <!-- 中间主体 -->
     < div  class="container" id="content">
         < div  class="row">
             < jsp:include  page="menu.jsp"></ jsp:include >
             < div  class="col-md-10">
                 < div  class="panel panel-default">
                     < div  class="panel-heading">
                         < div  class="row">
                             < h1  style="text-align: center;">学生打分</ h1 >
                         </ div >
                     </ div >
                     < div  class="panel-body">
                         < form  name="reset" class="form-horizontal" role="form" action="${pageContext.request.contextPath}/teacher/mark" id="editfrom" method="post" onsubmit="return check()">
                             < div  class="form-group">
                                 < div  class="col-sm-10">
                                     < input   readonly="readonly" type="hidden" class="form-control" name="courseid" id="inputEmail3" value="${selectedCourse.courseid}">
                                 </ div >
                             </ div >
                             < div  class="form-group">
                                 < label  for="inputEmail3" class="col-sm-2 control-label">学号</ label >
                                 < div  class="col-sm-10">
                                   < input   readonly="readonly" type="text" class="form-control" name="studentid" id="inputEmail3" value="${selectedCourse.studentid}">
                                 </ div >
                               </ div >
                               < div  class="form-group">
                                 < label  for="inputPassword3" class="col-sm-2 control-label">姓名</ label >
                                 < div  class="col-sm-10">
                                   < input   readonly="readonly" type="text" name="name" class="form-control" id="inputPassword3" value="${selectedCourse.studentCustom.username}">
                                 </ div >
                               </ div >
                               < div  class="form-group">
                                 < label  for="inputPassword3" class="col-sm-2 control-label">成绩</ label >
                                 < div  class="col-sm-10">
                                   < input  type="number" name="mark" class="form-control" id="inputPassword3" placeholder="请输入成绩">
                                 </ div >
                               </ div >
                               < div  class="form-group" style="text-align: center">
                                 < button  class="btn btn-default" type="submit">提交</ button >
                                 < button  class="btn btn-default">重置</ button >
                               </ div >
                         </ form >
                     </ div >
                     
                 </ div >
 
             </ div >
         </ div >
     </ div >
     < div  class="container" id="footer">
     < div  class="row">
         < div  class="col-md-12"></ div >
     </ div >
     </ div >
</ body >
< script >
     $("#nav li:nth-child(1)").addClass("active")
     function check() {
         if(reset.mark.value==""||reset.mark.value==null)
         {alert("请输入成绩");return false;}
     }
</ script >
</ html >

　　⑤使用技术前端框架

　　　　IOC容器：Spring框架

　　　　Web框架：SpringMVC

　　　　ORM框架：Mybatis

　　　　安全框架：Shiro

　　　　前端框架：Bootstrap

相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程