p4to3rklf
/
text1
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

李亚茹

Browse Source
lyr_branch1
liyaru 8 months ago
parent 7f422ad103
commit d3233901e7
5 changed files with 469 additions and 299 deletions
Show Stats Download Patch File Download Diff File

106
web/WEB-INF/admin/aCDCList.jsp
Unescape View File

@ -2,63 +2,89 @@
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<!-- 设置页面标题为“学院专业查询” -->
<title>学院专业查询</title>
<!-- 引入layui的样式文件，用于页面的样式布局等美化 -->
<link rel="stylesheet" href="./css/layui.css">
<!-- 引入自定义的样式文件，可能包含针对本页面特定的样式设置 -->
<link rel="stylesheet" href="./css/style.css">
<!-- 引入layui的JavaScript文件，layui是一个前端UI框架，提供了很多交互组件等功能 -->
<script src="./layui.js"></script>
<!-- 引入jQuery库的.min压缩版本，jQuery是常用的JavaScript库，方便进行DOM操作、事件处理等 -->
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
</head>
<body class="layui-layout-body" style="background-color: #F2F2F2">
<jsp:include page="/filterLogin.jsp"></jsp:include>
<jsp:include page="/WEB-INF/admin/aHeader.jsp"></jsp:include>
<jsp:include page="/WEB-INF/admin/adminNav.jsp"></jsp:include>
<div class="layui-layout layui-layout-admin">
<div class="layui-body">
<!-- 内容主体区域 -->
<div style="padding: 15px;">
<!-- 包含用于过滤登录状态的JSP页面，可能用于判断用户是否登录等相关逻辑处理 -->
<jsp:include page="/filterLogin.jsp"></jsp:include>
<!-- 包含管理员头部页面，通常包含页面头部的一些通用元素，比如页面标题、导航栏等 -->
<jsp:include page="/WEB-INF/admin/aHeader.jsp"></jsp:include>
<!-- 包含管理员导航栏页面，用于展示管理员操作相关的导航菜单等 -->
<jsp:include page="/WEB-INF/admin/adminNav.jsp"></jsp:include>
<div class="layui-layout layui-layout-admin">
<div class="layui-body">
<!-- 内容主体区域 -->
<div style="padding: 15px;">
<!-- 使用layui的面包屑组件，展示当前页面的层级导航路径 -->
<span class="layui-breadcrumb">
<!-- 面包屑的一级导航，链接指向根路径（此处可能根据实际情况有对应功能） -->
<a href="">管理员</a>
<!-- 面包屑的二级导航，链接指向学院专业管理相关页面（同样可能有对应功能） -->
<a href="">学院专业管理</a>
<!-- 面包屑的三级导航，显示当前页面的具体名称 -->
<a><cite>学院专业查询</cite></a>
</span>
<table class="layui-table" lay-filter="test">
<thead>
<tr>
<th>ID</th>
<th>学院</th>
<th>专业</th>
<th>班级</th>
<th>操作</th>
</tr>
</thead>
<c:forEach items="${cdcs}" var="cdc" varStatus="c">
<!-- 使用layui的表格组件，用于展示学院专业相关的数据 -->
<table class="layui-table" lay-filter="test">
<thead>
<tr>
<td>${c.count}</td>
<td>${cdc.college}</td>
<td>${cdc.department}</td>
<td>${cdc.cclass}</td>
<td><a class="layui-btn layui-btn-danger" href="javascript:deleteCDC();">删除</a></td>
<!-- 表格表头，定义第一列的标题为“ID” -->
<th>ID</th>
<!-- 表格表头，定义第二列的标题为“学院” -->
<th>学院</th>
<!-- 表格表头，定义第三列的标题为“专业” -->
<th>专业</th>
<!-- 表格表头，定义第四列的标题为“班级” -->
<th>班级</th>
<!-- 表格表头，定义第五列的标题为“操作”，通常用于放置对数据进行操作的按钮等 -->
<th>操作</th>
</tr>
</c:forEach>
</table>
<jsp:include page="/footer.jsp"></jsp:include>
</thead>
<!-- 使用JSTL的forEach标签循环遍历名为“cdcs”的集合（应该是在后台传递过来的学院专业相关数据集合） -->
<c:forEach items="${cdcs}" var="cdc" varStatus="c">
<tr>
<!-- 在表格行中显示当前循环的序号（从1开始计数） -->
<td>${c.count}</td>
<!-- 在表格行中显示当前循环对象（cdc）中的学院名称属性值 -->
<td>${cdc.college}</td>
<!-- 在表格行中显示当前循环对象（cdc）中的专业名称属性值 -->
<td>${cdc.department}</td>
<!-- 在表格行中显示当前循环对象（cdc）中的班级名称属性值 -->
<td>${cdc.cclass}</td>
<!-- 在表格行的操作列中添加一个删除按钮，按钮样式为layui的危险按钮样式，点击时调用JavaScript中的deleteCDC函数（目前函数未定义完整，可能需要补充具体删除逻辑） -->
<td><a class="layui-btn layui-btn-danger" href="javascript:deleteCDC();">删除</a></td>
</tr>
</c:forEach>
</table>
<!-- 包含页面底部相关内容的JSP页面，可能包含版权信息、联系方式等通用的底部元素 -->
<jsp:include page="/footer.jsp"></jsp:include>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$("#nav li:nth-child(4) dl dd:nth-child(1)").addClass("layui-this");
$("#nav li:nth-child(4)").addClass("layui-nav-itemed");
</script>
<script>
//JavaScript代码区域
layui.use('element', function(){
var element = layui.element;
element.init();
});
</script>
<!-- 使用jQuery选择器选择特定的DOM元素（此处可能是导航栏中的某个元素）并添加类名“layui-this”，用于设置样式等相关操作（具体功能取决于对应的CSS样式定义） -->
<script type="text/javascript">
$("#nav li:nth-child(4) dl dd:nth-child(1)").addClass("layui-this");
$("#nav li:nth-child(4)").addClass("layui-nav-itemed");
</script>
<!-- 使用layui框架的element模块，进行相关初始化操作，element模块通常用于实现页面的交互元素（如折叠面板、导航栏等）的功能 -->
<script>
//JavaScript代码区域
layui.use('element', function(){
var element = layui.element;
element.init();
});
</script>
</body>
</html>
</html>

112
web/WEB-INF/admin/aFindFileList.jsp
Unescape View File

@ -2,62 +2,96 @@
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<!-- 设置页面的内容类型为HTML格式，字符编码为UTF-8，指定页面使用的编程语言为Java -->
<title>文件列表</title>
<!-- 引入layui框架的样式文件，用于设置页面的整体样式风格，使页面呈现出layui框架定义的外观效果 -->
<link rel="stylesheet" href="./css/layui.css">
<!-- 引入自定义的样式文件，可能用于覆盖或补充layui样式，实现针对本页面特定的样式需求 -->
<link rel="stylesheet" href="./css/style.css">
<!-- 引入layui框架的JavaScript文件，这是使用layui框架各种功能组件（如表单验证、元素操作等）的基础 -->
<script src="./layui.js"></script>
<!-- 引入jQuery库的压缩版本，jQuery是一个广泛使用的JavaScript库，方便进行DOM操作、事件处理以及与页面元素交互等操作 -->
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
</head>
<body class="layui-layout-body" style="background-color: #F2F2F2">
<jsp:include page="/filterLogin.jsp"></jsp:include>
<jsp:include page="/WEB-INF/admin/aHeader.jsp"></jsp:include>
<jsp:include page="/WEB-INF/admin/adminNav.jsp"></jsp:include>
<div class="layui-layout layui-layout-admin">
<div class="layui-body">
<!-- 内容主体区域 -->
<div style="padding: 15px;">
<!-- 包含名为“filterLogin.jsp”的JSP页面，通常用于进行登录状态的过滤判断，比如验证用户是否已登录等相关逻辑处理 -->
<jsp:include page="/filterLogin.jsp"></jsp:include>
<!-- 包含名为“WEB-INF/admin/aHeader.jsp”的JSP页面，一般用于引入页面的头部部分，可能包含页面的通用头部元素，如页面标题、导航栏等 -->
<jsp:include page="/WEB-INF/admin/aHeader.jsp"></jsp:include>
<!-- 包含名为“WEB-INF/admin/adminNav.jsp”的JSP页面，主要用于引入管理员导航栏部分，展示管理员相关操作的导航菜单选项 -->
<jsp:include page="/WEB-INF/admin/adminNav.jsp"></jsp:include>
<div class="layui-layout layui-layout-admin">
<div class="layui-body">
<!-- 页面的内容主体区域，在这里放置页面主要展示和交互的内容 -->
<div style="padding: 15px;">
<!-- 使用layui的面包屑组件来展示当前页面在整个系统中的层级路径，方便用户了解所处位置 -->
<span class="layui-breadcrumb">
<!-- 面包屑的第一项，代表顶层分类，点击可跳转到管理员相关的根页面（此处具体跳转功能取决于href属性对应的实际路径设置，当前为空） -->
<a href="">管理员</a>
<!-- 面包屑的第二项，代表系统设置分类，点击可跳转到系统设置相关页面（同样，具体跳转依赖href属性实际设置，当前为空） -->
<a href="">系统设置</a>
<!-- 面包屑的第三项，显示当前页面具体名称为“文件列表” -->
<a><cite>文件列表</cite></a>
</span>
<table class="layui-table" lay-filter="test">
<thead>
<tr>
<th>ID</th>
<th>文件名</th>
<th>文件路径</th>
<th>文件大小</th>
<th>操作</th>
</tr>
</thead>
<c:forEach items="${fileLists}" var="filelist" varStatus="f">
<!-- 使用layui的表格组件创建一个表格，设置了lay-filter属性为“test”，方便后续通过layui框架对表格进行交互操作 -->
<table class="layui-table" lay-filter="test">
<thead>
<tr>
<td>${f.count}</td>
<td>${filelist.fileName}</td>
<td>${filelist.filePath}</td>
<td>${filelist.fileSize}</td>
<td><a class="layui-btn layui-btn-normal" href="${pageContext.request.contextPath}/downloadServlet?filename=${filelist.fileName}">下载</a><a class="layui-btn layui-btn-danger" href="${pageContext.request.contextPath}/deleteFileServlet?filename=${filelist.fileName}">删除</a></td>
<!-- 定义表格表头的第一列，标题显示为“ID”，用于展示文件相关记录的序号或唯一标识等 -->
<th>ID</th>
<!-- 定义表格表头的第二列，标题显示为“文件名”，用于展示文件的名称信息 -->
<th>文件名</th>
<!-- 定义表格表头的第三列，标题显示为“文件路径”，用于展示文件在服务器或存储系统中的具体存放路径 -->
<th>文件路径</th>
<!-- 定义表格表头的第四列，标题显示为“文件大小”，用于展示文件所占的存储空间大小 -->
<th>文件大小</th>
<!-- 定义表格表头的第五列，标题显示为“操作”，通常用于放置针对文件进行相关操作的按钮等元素 -->
<th>操作</th>
</tr>
</c:forEach>
</table>
<jsp:include page="/footer.jsp"></jsp:include>
</thead>
<!-- 使用JSTL的forEach标签循环遍历名为“fileLists”的集合（应该是在后台传递过来的文件相关数据集合） -->
<c:forEach items="${fileLists}" var="filelist" varStatus="f">
<tr>
<!-- 在表格行中显示当前循环的序号（从1开始计数），通过EL表达式“${f.count}”获取并展示 -->
<td>${f.count}</td>
<!-- 在表格行中显示当前循环对象（filelist）中的文件名属性值，通过EL表达式“${filelist.fileName}”获取并展示 -->
<td>${filelist.fileName}</td>
<!-- 在表格行中显示当前循环对象（filelist）中的文件路径属性值，通过EL表达式“${filelist.filePath}”获取并展示 -->
<td>${filelist.filePath}</td>
<!-- 在表格行中显示当前循环对象（filelist）中的文件大小属性值，通过EL表达式“${filelist.fileSize}”获取并展示 -->
<td>${filelist.fileSize}</td>
<td>
<!-- 在表格行的操作列中添加一个下载按钮，按钮样式为layui的普通按钮样式（layui-btn-normal），
点击按钮会跳转到“${pageContext.request.contextPath}/downloadServlet?filename=${filelist.fileName}”路径，
通过URL参数传递文件名信息给对应的Servlet用于实现文件下载功能 -->
<a class="layui-btn layui-btn-normal" href="${pageContext.request.contextPath}/downloadServlet?filename=${filelist.fileName}">下载</a>
<!-- 在表格行的操作列中添加一个删除按钮，按钮样式为layui的危险按钮样式（layui-btn-danger），
点击按钮会跳转到“${pageContext.request.contextPath}/deleteFileServlet?filename=${filelist.fileName}”路径，
通过URL参数传递文件名信息给对应的Servlet用于实现文件删除功能 -->
<a class="layui-btn layui-btn-danger" href="${pageContext.request.contextPath}/deleteFileServlet?filename=${filelist.fileName}">删除</a>
</td>
</tr>
</c:forEach>
</table>
<!-- 包含名为“footer.jsp”的JSP页面，一般用于引入页面底部部分，可能包含版权信息、联系方式等通用的底部元素 -->
<jsp:include page="/footer.jsp"></jsp:include>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$("#nav li:nth-child(5) dl dd:nth-child(4)").addClass("layui-this");
$("#nav li:nth-child(5)").addClass("layui-nav-itemed");
</script>
<script>
//JavaScript代码区域
layui.use('element', function(){
var element = layui.element;
element.init();
});
</script>
<!-- 使用jQuery选择器选择特定的DOM元素（此处是导航栏中特定位置的元素），并为其添加“layui-this”类名，通常用于设置该元素的选中状态样式等（具体样式效果取决于对应的CSS定义） -->
<script type="text/javascript">
$("#nav li:nth-child(5) dl dd:nth-child(4)").addClass("layui-this");
$("#nav li:nth-child(5)").addClass("layui-nav-itemed");
</script>
<!-- 使用layui框架的“element”模块，调用其“init”方法进行相关初始化操作，“element”模块常用于实现页面的交互元素（如折叠面板、导航栏等）的功能初始化 -->
<script>
//JavaScript代码区域
layui.use('element', function(){
var element = layui.element;
element.init();
});
</script>
</body>
</html>

265
web/WEB-INF/admin/addStudent.jsp
Unescape View File

@ -2,143 +2,186 @@
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<!-- 设置页面标题为“增加学生”，在浏览器标签页等位置显示该标题 -->
<title>增加学生</title>
<!-- 引入layui的样式文件，layui是一个前端UI框架，该文件用于页面的样式布局等美化 -->
<link rel="stylesheet" href="./css/layui.css">
<!-- 引入自定义的样式文件，可能包含针对本页面特定的样式设置 -->
<link rel="stylesheet" href="./css/style.css">
<!-- 引入layui的JavaScript文件，用于实现layui框架相关的交互功能等 -->
<script src="./layui.js"></script>
<!-- 引入jQuery库的.min压缩版本，jQuery是常用的JavaScript库，方便进行DOM操作、事件处理等 -->
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
</head>
<body class="layui-layout-body" style="background-color: #F2F2F2">
<jsp:include page="/filterLogin.jsp"></jsp:include>
<jsp:include page="/WEB-INF/admin/aHeader.jsp"></jsp:include>
<jsp:include page="/WEB-INF/admin/adminNav.jsp"></jsp:include>
<div class="layui-layout layui-layout-admin">
<div class="layui-body">
<!-- 内容主体区域 -->
<div style="padding: 15px;">
<span class="layui-breadcrumb">
<a href="">管理员</a>
<a href="">学生管理</a>
<a><cite>增加学生</cite></a>
</span>
<form class="layui-form" action="${pageContext.request.contextPath}/addStudentInfoServlet" style="padding-top: 50px" method="post">
<div class="layui-form-item">
<label class="layui-form-label">学号</label>
<div class="layui-input-block">
<input type="text" name="student-id" required lay-verify="required" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">学院</label>
<div class="layui-input-block">
<select name="selectCollege">
<option selected></option>
<c:forEach items="${collegeLists}" var="collegeList">
<option value="${collegeList.college}">${collegeList.college}</option>
</c:forEach>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">系别</label>
<div class="layui-input-block">
<select name="selectDepartment" lay-search>
<option selected></option>
<c:forEach items="${departmentLists}" var="departmentList">
<option>${departmentList.department}</option>
</c:forEach>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">班级</label>
<div class="layui-input-block">
<select name="selectClass" lay-search>
<option selected></option>
<c:forEach items="${classLists}" var="classList">
<option>${classList.cclass}</option>
</c:forEach>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">姓名</label>
<div class="layui-input-block">
<input type="text" name="student-name" id="student-name" placeholder="" autocomplete="off" class="layui-input">
<!-- 包含用于过滤登录状态的JSP页面，可能用于判断用户是否登录等相关逻辑处理 -->
<jsp:include page="/filterLogin.jsp"></jsp:include>
<!-- 包含管理员头部页面，通常包含页面头部的一些通用元素，比如页面标题、导航栏等 -->
<jsp:include page="/WEB-INF/admin/aHeader.jsp"></jsp:include>
<!-- 包含管理员导航栏页面，用于展示管理员操作相关的导航菜单等 -->
<jsp:include page="/WEB-INF/admin/adminNav.jsp"></jsp:include>
<div class="layui-layout layui-layout-admin">
<div class="layui-body">
<!-- 内容主体区域 -->
<div style="padding: 15px;">
<!-- 使用layui的面包屑组件，展示当前页面的层级导航路径 -->
<span class="layui-breadcrumb">
<!-- 面包屑的一级导航，链接指向根路径（此处可能根据实际情况有对应功能） -->
<a href="">管理员</a>
<!-- 面包屑的二级导航，链接指向学生管理相关页面（同样可能有对应功能） -->
<a href="">学生管理</a>
<!-- 面包屑的三级导航，显示当前页面的具体名称 -->
<a><cite>增加学生</cite></a>
</span>
<!-- 定义一个表单，使用layui的表单样式（class="layui-form"），表单提交的目标地址由EL表达式${pageContext.request.contextPath}/addStudentInfoServlet指定，提交方式为POST -->
<form class="layui-form" action="${pageContext.request.contextPath}/addStudentInfoServlet" style="padding-top: 50px" method="post">
<!-- 表单中的一个输入项，对应一个“layui-form-item”样式的布局块，用于输入学号 -->
<div class="layui-form-item">
<!-- 该项的标签，显示为“学号” -->
<label class="layui-form-label">学号</label>
<div class="layui-input-block">
<!-- 定义一个文本输入框，name属性用于在表单提交时标识该字段，设置为“student-id”，required表示该字段为必填项，lay-verify="required"用于layui框架验证该字段必填，autocomplete="off"关闭浏览器自动填充功能，class="layui-input"应用layui的输入框样式 -->
<input type="text" name="student-id" required lay-verify="required" autocomplete="off" class="layui-input">
</div>
</div>
</div>
<div class="layui-form-item">
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">性别</label>
<!-- 表单中的一个输入项，对应一个“layui-form-item”样式的布局块，用于选择学院 -->
<div class="layui-form-item">
<label class="layui-form-label">学院</label>
<div class="layui-input-block">
<input type="radio" name="student-sex" id="idsex" value="男" title="男">
<input type="radio" name="student-sex" id="idsex2" value="女" title="女">
<!-- 定义一个下拉选择框，name属性设置为“selectCollege”，用于在表单提交时传递所选学院的值 -->
<select name="selectCollege">
<!-- 一个默认被选中的空选项，可能用于占位或者等待用户选择实际学院 -->
<option selected></option>
<!-- 使用JSTL的forEach标签循环遍历名为“collegeLists”的集合（应该是在后台传递过来的学院相关数据集合），为下拉框生成具体的学院选项，选项的值和显示文本都使用集合中对象（collegeList）的“college”属性值 -->
<c:forEach items="${collegeLists}" var="collegeList">
<option value="${collegeList.college}">${collegeList.college}</option>
</c:forEach>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">年龄</label>
<!-- 表单中的一个输入项，对应一个“layui-form-item”样式的布局块，用于选择系别 -->
<div class="layui-form-item">
<label class="layui-form-label">系别</label>
<div class="layui-input-block">
<input type="text" name="student-age" id="student-age" placeholder="" autocomplete="off" class="layui-input">
<!-- 定义一个下拉选择框，name属性设置为“selectDepartment”，lay-search属性开启layui框架的搜索功能（方便在选项较多时查找），用于在表单提交时传递所选系别的值 -->
<select name="selectDepartment" lay-search>
<!-- 一个默认被选中的空选项，可能用于占位或者等待用户选择实际系别 -->
<option selected></option>
<!-- 使用JSTL的forEach标签循环遍历名为“departmentLists”的集合（应该是在后台传递过来的系别相关数据集合），为下拉框生成具体的系别选项，选项的显示文本使用集合中对象（departmentList）的“department”属性值，此处未设置value值，可能默认与显示文本相同 -->
<c:forEach items="${departmentLists}" var="departmentList">
<option>${departmentList.department}</option>
</c:forEach>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">电话</label>
<!-- 表单中的一个输入项，对应一个“layui-form-item”样式的布局块，用于选择班级 -->
<div class="layui-form-item">
<label class="layui-form-label">班级</label>
<div class="layui-input-block">
<input type="text" name="student-phone" id="student-phone" placeholder="" autocomplete="off" class="layui-input">
<!-- 定义一个下拉选择框，name属性设置为“selectClass”，lay-search属性开启layui框架的搜索功能（方便在选项较多时查找），用于在表单提交时传递所选班级的值 -->
<select name="selectClass" lay-search>
<!-- 一个默认被选中的空选项，可能用于占位或者等待用户选择实际班级 -->
<option selected></option>
<!-- 使用JSTL的forEach标签循环遍历名为“classLists”的集合（应该是在后台传递过来的班级相关数据集合），为下拉框生成具体的班级选项，选项的显示文本使用集合中对象（classList）的“cclass”属性值，此处未设置value值，可能默认与显示文本相同 -->
<c:forEach items="${classLists}" var="classList">
<option>${classList.cclass}</option>
</c:forEach>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">邮箱</label>
<!-- 表单中的一个输入项，对应一个“layui-form-item”样式的布局块，用于输入姓名 -->
<div class="layui-form-item">
<label class="layui-form-label">姓名</label>
<div class="layui-input-block">
<input type="text" name="student-email" id="student-email" placeholder="" autocomplete="off" class="layui-input">
<!-- 定义一个文本输入框，name属性设置为“student-name”，id属性设置为“student-name”（可用于后续JavaScript操作等），placeholder属性可用于显示提示文本（此处为空），autocomplete="off"关闭浏览器自动填充功能，class="layui-input"应用layui的输入框样式 -->
<input type="text" name="student-name" id="student-name" placeholder="" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
</div>
<!-- 表单中的一个输入项，对应一个“layui-form-item”样式的布局块，包含多个内联的输入项，用于输入性别、年龄、电话、邮箱等信息 -->
<div class="layui-form-item">
<!-- 第一个内联布局块，用于选择性别 -->
<div class="layui-inline">
<label class="layui-form-label">性别</label>
<div class="layui-input-block">
<!-- 定义两个单选按钮，name属性都设置为“student-sex”，表示同一组单选按钮（只能选择一个），id属性分别为“idsex”和“idsex2”用于区分，value属性分别设置为“男”和“女”，title属性用于显示按钮的文本描述 -->
<input type="radio" name="student-sex" id="idsex" value="男" title="男">
<input type="radio" name="student-sex" id="idsex2" value="女" title="女">
</div>
</div>
<!-- 第二个内联布局块，用于输入年龄 -->
<div class="layui-inline">
<label class="layui-form-label">年龄</label>
<div class="layui-input-block">
<!-- 定义一个文本输入框，name属性设置为“student-age”，id属性设置为“student-age”（可用于后续JavaScript操作等），placeholder属性可用于显示提示文本（此处为空），autocomplete="off"关闭浏览器自动填充功能，class="layui-input"应用layui的输入框样式 -->
<input type="text" name="student-age" id="student-age" placeholder="" autocomplete="off" class="layui-input">
</div>
</div>
<!-- 第三个内联布局块，用于输入电话 -->
<div class="layui-inline">
<label class="layui-form-label">电话</label>
<div class="layui-input-block">
<!-- 定义一个文本输入框，name属性设置为“student-phone”，id属性设置为“student-phone”（可用于后续JavaScript操作等），placeholder属性可用于显示提示文本（此处为空），autocomplete="off"关闭浏览器自动填充功能，class="layui-input"应用layui的输入框样式 -->
<input type="text" name="student-phone" id="student-phone" placeholder="" autocomplete="off" class="layui-input">
</div>
</div>
<!-- 第四个内联布局块，用于输入邮箱 -->
<div class="layui-inline">
<label class="layui-form-label">邮箱</label>
<div class="layui-input-block">
<!-- 定义一个文本输入框，name属性设置为“student-email”，id属性设置为“student-email”（可用于后续JavaScript操作等），placeholder属性可用于显示提示文本（此处为空），autocomplete="off"关闭浏览器自动填充功能，class="layui-input"应用layui的输入框样式 -->
<input type="text" name="student-email" id="student-email" placeholder="" autocomplete="off" class="layui-input">
</div>
</div>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">城市</label>
<div class="layui-input-block">
<input type="text" name="student-address" id="student-address" placeholder="请输入你所在的省市" autocomplete="off" class="layui-input">
<!-- 表单中的一个输入项，对应一个“layui-form-item”样式的布局块，用于输入所在城市信息，文本区域样式（layui-form-text） -->
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">城市</label>
<div class="layui-input-block">
<!-- 定义一个文本输入框，name属性设置为“student-address”，id属性设置为“student-address”（可用于后续JavaScript操作等），placeholder属性设置为“请输入你所在的省市”用于提示用户输入内容，autocomplete="off"关闭浏览器自动填充功能，class="layui-input"应用layui的输入框样式 -->
<input type="text" name="student-address" id="student-address" placeholder="请输入你所在的省市" autocomplete="off" class="layui-input">
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="formDemo">添加</button>
<button class="layui-btn layui-btn-primary" type="reset">重置</button>
<span style="padding-left: 20px;">${update_msg}</span>
<!-- 表单中的一个输入项，对应一个“layui-form-item”样式的布局块，包含提交按钮和重置按钮等操作按钮 -->
<div class="layui-form-item">
<div class="layui-input-block">
<!-- 定义一个提交按钮，class="layui-btn"应用layui的按钮样式，lay-submit属性表示该按钮用于提交表单，lay-filter="formDemo"可用于layui框架对表单提交进行额外的验证等操作，按钮文本为“添加” -->
<button class="layui-btn" lay-submit lay-filter="formDemo">添加</button>
<!-- 定义一个重置按钮，class="layui-btn layui-btn-primary"应用layui的默认样式按钮样式，type="reset"表示点击该按钮会重置表单内容，按钮文本为“重置” -->
<button class="layui-btn layui-btn-primary" type="reset">重置</button>
<!-- 用于显示可能的后台反馈信息（如添加成功、失败等提示信息），通过EL表达式${update_msg}获取相应的值 -->
<span style="padding-left: 20px;">${update_msg}</span>
</div>
</div>
</div>
</form>
<jsp:include page="/footer.jsp"></jsp:include>
</form>
<!-- 包含页面底部相关内容的JSP页面，可能包含版权信息、联系方式等通用的底部元素 -->
<jsp:include page="/footer.jsp"></jsp:include>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$("#nav li:nth-child(2) dl dd:last-child").addClass("layui-this");
$("#nav li:nth-child(2)").addClass("layui-nav-itemed");
</script>
<script>
//JavaScript代码区域
layui.use('element', function(){
var element = layui.element;
element.init();
});
</script>
<script>
layui.use('form', function(){
<!-- 使用jQuery选择器选择特定的DOM元素（此处可能是导航栏中的某个元素）并添加类名“layui-this”，用于设置样式等相关操作（具体功能取决于对应的CSS样式定义） -->
<script type="text/javascript">
$("#nav li:nth-child(2) dl dd:last-child").addClass("layui-this");
$("#nav li:nth-child(2)").addClass("layui-nav-itemed");
</script>
<!-- 使用layui框架的element模块，进行相关初始化操作，element模块通常用于实现页面的交互元素（如折叠面板、导航栏等）的功能 -->
<script>
//JavaScript代码区域
layui.use('element', function(){
var element = layui.element;
element.init();
});
</script>
<!-- 使用layui框架的form模块，通常用于对表单相关功能进行进一步配置、验证等操作，但目前函数体为空，可能需要补充具体代码 -->
<script>
layui.use('form', function(){
});
</script>
});
</script>
</body>
</html>
</html>

136
web/WEB-INF/admin/adminNav.jsp
Unescape View File

@ -1,60 +1,96 @@
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<!-- 设置页面的字符编码为UTF-8，确保页面能正确显示各种字符 -->
<meta charset="utf-8">
<!-- 设置页面的视口（viewport）相关属性，让页面在不同设备上能自适应显示。
width=device-width表示页面宽度与设备屏幕宽度相同，
initial-scale=1表示初始缩放比例为1，
maximum-scale=1表示最大缩放比例为1，即限制用户不能对页面进行缩放操作 -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
<div class="layui-side layui-bg-black">
<div class="layui-side-scroll">
<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
<ul class="layui-nav layui-nav-tree" lay-filter="test" id="nav">
<li class="layui-nav-item">
<a class="" href="javascript:;">选课信息管理</a>
<dl class="layui-nav-child">
<dd><a href="${pageContext.request.contextPath}/studentSelectCourseListServlet">选课列表</a></dd>
<dd><a href="${pageContext.request.contextPath}/studentOptionalCourseServlet">可选课程</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a class="" href="javascript:;">学生管理</a>
<dl class="layui-nav-child">
<dd><a href="${pageContext.request.contextPath}/findStudentByPageServlet">查询学生</a></dd>
<dd hidden id="hidden-update"><a href="#">修改学生信息</a></dd>
<dd><a href="${pageContext.request.contextPath}/addStudentServlet">增加学生</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a class="" href="javascript:;">教师管理</a>
<dl class="layui-nav-child">
<dd><a href="${pageContext.request.contextPath}/teacherListServlet">查询教师</a></dd>
<dd hidden id="hidden-update2"><a href="#">修改教师信息</a></dd>
<dd><a href="${pageContext.request.contextPath}/addTeacherServlet">增加教师</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a class="" href="javascript:;">学院专业管理</a>
<dl class="layui-nav-child">
<dd><a href="${pageContext.request.contextPath}/cdcListServlet">学院专业查询</a></dd>
<dd><a href="#">学院专业增加</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a class="" href="javascript:;">系统管理</a>
<dl class="layui-nav-child">
<dd><a href="${pageContext.request.contextPath}/notifyServlet">公告发布</a></dd>
<dd><a href="${pageContext.request.contextPath}/notifyListServlet">公告列表</a></dd>
<dd><a href="${pageContext.request.contextPath}/fileServlet">文件发布</a></dd>
<dd><a href="${pageContext.request.contextPath}/fileListServlet">文件列表</a></dd>
<dd><a href="${pageContext.request.contextPath}/adminPasswordIndexServlet">修改密码</a></dd>
</dl>
</li>
</ul>
<!-- 创建一个layui布局的容器，用于构建页面的整体布局结构，layui是一个前端UI框架 -->
<div class="layui-layout layui-layout-admin">
<!-- 创建页面左侧的侧边栏区域，设置背景颜色为黑色（layui-bg-black） -->
<div class="layui-side layui-bg-black">
<!-- 创建一个可滚动的区域，用于放置侧边栏内容，当内容超出侧边栏高度时可以滚动查看 -->
<div class="layui-side-scroll">
<!-- 左侧导航区域，使用layui的导航组件（layui-nav），以树形结构展示（layui-nav-tree），并设置了过滤器（lay-filter="test"）用于后续交互操作，同时设置了id为“nav”方便通过JavaScript等进行操作 -->
<ul class="layui-nav layui-nav-tree" lay-filter="test" id="nav">
<!-- 一个导航菜单项，代表一级菜单，使用layui-nav-item类来应用相应的样式 -->
<li class="layui-nav-item">
<!-- 一级菜单的链接文本，点击暂时无实际跳转动作（href="javascript:;"表示执行一段JavaScript代码，此处为空），显示文本为“选课信息管理” -->
<a class="" href="javascript:;">选课信息管理</a>
<!-- 一级菜单下的子菜单列表，使用dl标签配合layui的样式来展示子菜单 -->
<dl class="layui-nav-child">
<!-- 子菜单中的一个选项，点击后通过EL表达式指定的路径（${pageContext.request.contextPath}/studentSelectCourseListServlet）跳转到选课列表页面 -->
<dd><a href="${pageContext.request.contextPath}/studentSelectCourseListServlet">选课列表</a></dd>
<!-- 子菜单中的另一个选项，点击后通过EL表达式指定的路径（${pageContext.request.contextPath}/studentOptionalCourseServlet）跳转到可选课程页面 -->
<dd><a href="${pageContext.request.contextPath}/studentOptionalCourseServlet">可选课程</a></dd>
</dl>
</li>
<!-- 一个导航菜单项，代表一级菜单，使用layui-nav-item类来应用相应的样式 -->
<li class="layui-nav-item">
<!-- 一级菜单的链接文本，点击暂时无实际跳转动作（href="javascript:;"表示执行一段JavaScript代码，此处为空），显示文本为“学生管理” -->
<a class="" href="javascript:;">学生管理</a>
<!-- 一级菜单下的子菜单列表，使用dl标签配合layui的样式来展示子菜单 -->
<dl class="layui-nav-child">
<!-- 子菜单中的一个选项，点击后通过EL表达式指定的路径（${pageContext.request.contextPath}/findStudentByPageServlet）跳转到查询学生页面 -->
<dd><a href="${pageContext.request.contextPath}/findStudentByPageServlet">查询学生</a></dd>
<!-- 一个隐藏的子菜单选项（通过hidden属性隐藏），id为“hidden-update”，点击后暂时无实际跳转动作（href="#"表示链接到当前页面顶部），显示文本为“修改学生信息”，可能后续通过JavaScript等操作来显示并赋予实际功能 -->
<dd hidden id="hidden-update"><a href="#">修改学生信息</a></dd>
<!-- 子菜单中的另一个选项，点击后通过EL表达式指定的路径（${pageContext.request.contextPath}/addStudentServlet）跳转到增加学生页面 -->
<dd><a href="${pageContext.request.contextPath}/addStudentServlet">增加学生</a></dd>
</dl>
</li>
<!-- 一个导航菜单项，代表一级菜单，使用layui-nav-item类来应用相应的样式 -->
<li class="layui-nav-item">
<!-- 一级菜单的链接文本，点击暂时无实际跳转动作（href="javascript:;"表示执行一段JavaScript代码，此处为空），显示文本为“教师管理” -->
<a class="" href="javascript:;">教师管理</a>
<!-- 一级菜单下的子菜单列表，使用dl标签配合layui的样式来展示子菜单 -->
<dl class="layui-nav-child">
<!-- 子菜单中的一个选项，点击后通过EL表达式指定的路径（${pageContext.request.contextPath}/teacherListServlet）跳转到查询教师页面 -->
<dd><a href="${pageContext.request.contextPath}/teacherListServlet">查询教师</a></dd>
<!-- 一个隐藏的子菜单选项（通过hidden属性隐藏），id为“hidden-update2”，点击后暂时无实际跳转动作（href="#"表示链接到当前页面顶部），显示文本为“修改教师信息”，可能后续通过JavaScript等操作来显示并赋予实际功能 -->
<dd hidden id="hidden-update2"><a href="#">修改教师信息</a></dd>
<!-- 子菜单中的另一个选项，点击后通过EL表达式指定的路径（${pageContext.request.contextPath}/addTeacherServlet）跳转到增加教师页面 -->
<dd><a href="${pageContext.request.contextPath}/addTeacherServlet">增加教师</a></dd>
</dl>
</li>
<!-- 一个导航菜单项，代表一级菜单，使用layui-nav-item类来应用相应的样式 -->
<li class="layui-nav-item">
<!-- 一级菜单的链接文本，点击暂时无实际跳转动作（href="javascript:;"表示执行一段JavaScript代码，此处为空），显示文本为“学院专业管理” -->
<a class="" href="javascript:;">学院专业管理</a>
<!-- 一级菜单下的子菜单列表，使用dl标签配合layui的样式来展示子菜单 -->
<dl class="layui-nav-child">
<!-- 子菜单中的一个选项，点击后通过EL表达式指定的路径（${pageContext.request.contextPath}/cdcListServlet）跳转到学院专业查询页面 -->
<dd><a href="${pageContext.request.contextPath}/cdcListServlet">学院专业查询</a></dd>
<!-- 子菜单中的另一个选项，点击后暂时无实际跳转动作（href="#"表示链接到当前页面顶部），显示文本为“学院专业增加”，可能后续通过JavaScript等操作来赋予实际功能 -->
<dd><a href="#">学院专业增加</a></dd>
</dl>
</li>
<!-- 一个导航菜单项，代表一级菜单，使用layui-nav-item类来应用相应的样式 -->
<li class="layui-nav-item">
<!-- 一级菜单的链接文本，点击暂时无实际跳转动作（href="javascript:;"表示执行一段JavaScript代码，此处为空），显示文本为“系统管理” -->
<a class="" href="javascript:;">系统管理</a>
<!-- 一级菜单下的子菜单列表，使用dl标签配合layui的样式来展示子菜单 -->
<dl class="layui-nav-child">
<!-- 子菜单中的一个选项，点击后通过EL表达式指定的路径（${pageContext.request.contextPath}/notifyServlet）跳转到公告发布页面 -->
<dd><a href="${pageContext.request.contextPath}/notifyServlet">公告发布</a></dd>
<!-- 子菜单中的另一个选项，点击后通过EL表达式指定的路径（${pageContext.request.contextPath}/notifyListServlet）跳转到公告列表页面 -->
<dd><a href="${pageContext.request.contextPath}/notifyListServlet">公告列表</a></dd>
<!-- 子菜单中的另一个选项，点击后通过EL表达式指定的路径（${pageContext.request.contextPath}/fileServlet）跳转到文件发布页面 -->
<dd><a href="${pageContext.request.contextPath}/fileServlet">文件发布</a></dd>
<!-- 子菜单中的另一个选项，点击后通过EL表达式指定的路径（${pageContext.request.contextPath}/fileListServlet）跳转到文件列表页面 -->
<dd><a href="${pageContext.request.contextPath}/fileListServlet">文件列表</a></dd>
<!-- 子菜单中的另一个选项，点击后通过EL表达式指定的路径（${pageContext.request.contextPath}/adminPasswordIndexServlet）跳转到修改密码页面 -->
<dd><a href="${pageContext.request.contextPath}/adminPasswordIndexServlet">修改密码</a></dd>
</dl>
</li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>
</html>

149
web/WEB-INF/admin/adminUpdatePassword.jsp
Unescape View File

@ -2,84 +2,115 @@
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<!-- 设置页面标题为“修改密码”，该标题会显示在浏览器的标签栏上 -->
<title>修改密码</title>
<!-- 引入layui框架的样式文件，用于设置页面的整体样式风格，使页面呈现出layui框架定义的外观效果 -->
<link rel="stylesheet" href="./css/layui.css">
<!-- 引入自定义的样式文件，可能用于覆盖或补充layui样式，实现针对本页面特定的样式需求 -->
<link rel="stylesheet" href="./css/style.css">
<!-- 引入layui框架的JavaScript文件，这是使用layui框架各种功能组件（如表单验证、元素操作等）的基础 -->
<script src="./layui.js"></script>
<!-- 引入jQuery库的压缩版本，jQuery是一个广泛使用的JavaScript库，方便进行DOM操作、事件处理以及与页面元素交互等操作 -->
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
</head>
<body class="layui-layout-body" style="background-color: #F2F2F2">
<jsp:include page="/filterLogin.jsp"></jsp:include>
<jsp:include page="/WEB-INF/admin/aHeader.jsp"></jsp:include>
<jsp:include page="/WEB-INF/admin/adminNav.jsp"></jsp:include>
<div class="layui-layout layui-layout-admin">
<div class="layui-body">
<!-- 内容主体区域 -->
<div style="padding: 15px;">
<span class="layui-breadcrumb">
<a href="">管理员</a>
<a href="">系统管理</a>
<a><cite>修改密码</cite></a>
</span>
<form class="layui-form" action="${pageContext.request.contextPath}/adminPasswordUpdateServlet" style="padding-top: 50px" method="post">
<div class="layui-form-item">
<label class="layui-form-label">帐号</label>
<div class="layui-input-block">
<input type="text" name="title" value="${admin.a_id}" required disabled lay-verify="required" autocomplete="off" class="layui-input">
<!-- 包含名为“filterLogin.jsp”的JSP页面，通常用于进行登录状态的过滤判断，比如验证用户是否已登录等相关逻辑处理 -->
<jsp:include page="/filterLogin.jsp"></jsp:include>
<!-- 包含名为“WEB-INF/admin/aHeader.jsp”的JSP页面，一般用于引入页面的头部部分，可能包含页面的通用头部元素，如页面标题、导航栏等 -->
<jsp:include page="/WEB-INF/admin/aHeader.jsp"></jsp:include>
<!-- 包含名为“WEB-INF/admin/adminNav.jsp”的JSP页面，主要用于引入管理员导航栏部分，展示管理员相关操作的导航菜单选项 -->
<jsp:include page="/WEB-INF/admin/adminNav.jsp"></jsp:include>
<div class="layui-layout layui-layout-admin">
<div class="layui-body">
<!-- 页面的内容主体区域，在这里放置页面主要展示和交互的内容 -->
<div style="padding: 15px;">
<!-- 使用layui的面包屑组件来展示当前页面在整个系统中的层级路径，方便用户了解所处位置 -->
<span class="layui-breadcrumb">
<!-- 面包屑的第一项，代表顶层分类，点击可跳转到管理员相关的根页面（此处具体跳转功能取决于href属性对应的实际路径设置，当前为空） -->
<a href="">管理员</a>
<!-- 面包屑的第二项，代表系统管理分类，点击可跳转到系统管理相关页面（同样，具体跳转依赖href属性实际设置，当前为空） -->
<a href="">系统管理</a>
<!-- 面包屑的第三项，显示当前页面具体名称为“修改密码” -->
<a><cite>修改密码</cite></a>
</span>
<!-- 定义一个表单，使用layui的表单样式类“layui-form”，设置表单提交的目标地址为“${pageContext.request.contextPath}/adminPasswordUpdateServlet”（通过EL表达式动态获取路径），提交方式为POST -->
<form class="layui-form" action="${pageContext.request.contextPath}/adminPasswordUpdateServlet" style="padding-top: 50px" method="post">
<!-- 表单中的一个输入项，使用layui的表单元素布局类“layui-form-item”进行布局，用于显示帐号信息 -->
<div class="layui-form-item">
<!-- 该项对应的标签，显示文本为“帐号”，用于提示用户该输入项的含义 -->
<label class="layui-form-label">帐号</label>
<div class="layui-input-block">
<!-- 定义一个文本输入框，name属性设置为“title”，用于在表单提交时标识该字段；通过EL表达式“${admin.a_id}”设置输入框的初始值，显示当前帐号信息；设置为“required”表示该字段必填；“disabled”属性使其不可编辑；“lay-verify="required"”用于配合layui框架进行前端验证，确保该必填项有值；“autocomplete="off"”关闭浏览器的自动填充功能；应用“layui-input”类来呈现layui框架定义的输入框样式 -->
<input type="text" name="title" value="${admin.a_id}" required disabled lay-verify="required" autocomplete="off" class="layui-input">
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">当前密码</label>
<div class="layui-input-block">
<input type="text" name="admin-password" id="admin-password" value="${admin.a_password}" disabled placeholder="" autocomplete="off" class="layui-input">
<!-- 表单中的另一个输入项，同样使用“layui-form-item”布局，用于显示当前密码信息 -->
<div class="layui-form-item">
<!-- 该项对应的标签，显示文本为“当前密码”，提示用户此输入框显示的内容 -->
<label class="layui-form-label">当前密码</label>
<div class="layui-input-block">
<!-- 定义一个文本输入框，name属性为“admin-password”，id属性设置为“admin-password”方便后续通过JavaScript等方式操作该元素；通过EL表达式“${admin.a_password}”设置初始值，显示当前密码；设置“disabled”使其不可编辑；“placeholder”属性未设置具体提示内容（为空）；“autocomplete="off"”关闭自动填充；应用“layui-input”样式类 -->
<input type="text" name="admin-password" id="admin-password" value="${admin.a_password}" disabled placeholder="" autocomplete="off" class="layui-input">
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">新密码</label>
<div class="layui-input-block">
<input type="text" name="admin-newpassword" id="admin-newpassword" value="" required lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
<!-- 表单中的又一个输入项，使用“layui-form-item”布局，用于输入新密码 -->
<div class="layui-form-item">
<!-- 该项对应的标签，显示文本为“新密码”，告知用户此处应输入新的密码内容 -->
<label class="layui-form-label">新密码</label>
<div class="layui-input-block">
<!-- 定义一个文本输入框，name属性为“admin-newpassword”，id属性为“admin-newpassword”；初始值为空，需要用户手动输入；设置为“required”表示必填项；“lay-verify="required"”用于layui框架验证必填；“placeholder”属性未设置提示内容（为空）；“autocomplete="off"”关闭自动填充；应用“layui-input”样式类 -->
<input type="text" name="admin-newpassword" id="admin-newpassword" value="" required lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
</div>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">确认密码</label>
<div class="layui-input-block">
<input type="text" name="admin-ennewpassword" id="admin-ennewpassword" value="" lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
<!-- 表单中的一个输入项，使用“layui-form-item layui-form-text”布局，用于再次输入密码进行确认（通常用于防止用户输入错误密码） -->
<div class="layui-form-item layui-form-text">
<!-- 该项对应的标签，显示文本为“确认密码”，提示用户此处应再次输入新密码进行确认 -->
<label class="layui-form-label">确认密码</label>
<div class="layui-input-block">
<!-- 定义一个文本输入框，name属性为“admin-ennewpassword”，id属性为“admin-ennewpassword”；初始值为空，需要用户再次输入新密码；“lay-verify="required"”用于layui框架验证必填；“placeholder”属性未设置提示内容（为空）；“autocomplete="off"”关闭自动填充；应用“layui-input”样式类 -->
<input type="text" name="admin-ennewpassword" id="admin-ennewpassword" value="" lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="formDemo">修改</button>
<span style="padding-left: 20px;">${update_msg}</span>
<!-- 表单中的一个操作按钮项，使用“layui-form-item”布局，包含提交按钮和可能的提示信息 -->
<div class="layui-form-item">
<div class="layui-input-block">
<!-- 定义一个提交按钮，应用“layui-btn”样式类呈现layui框架的按钮样式；“lay-submit”属性表示该按钮用于提交表单；“lay-filter="formDemo"”可用于在layui框架中对表单提交进行额外的验证、触发相关事件等操作；按钮显示文本为“修改” -->
<button class="layui-btn" lay-submit lay-filter="formDemo">修改</button>
<!-- 用于显示可能的后台反馈信息（如密码修改成功、失败等提示消息），通过EL表达式“${update_msg}”获取相应的值，在页面上展示给用户 -->
<span style="padding-left: 20px;">${update_msg}</span>
</div>
</div>
</div>
</form>
<jsp:include page="/footer.jsp"></jsp:include>
</form>
<!-- 包含名为“footer.jsp”的JSP页面，一般用于引入页面底部部分，可能包含版权信息、联系方式等通用的底部元素 -->
<jsp:include page="/footer.jsp"></jsp:include>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$("#nav li:nth-child(5) dl dd:nth-child(5)").addClass("layui-this");
$("#nav li:nth-child(5)").addClass("layui-nav-itemed");
</script>
<script>
//JavaScript代码区域
layui.use('element', function(){
var element = layui.element;
element.init();
});
</script>
<!-- 使用jQuery选择器选择特定的DOM元素（此处是导航栏中特定位置的元素），并为其添加“layui-this”类名，通常用于设置该元素的选中状态样式等（具体样式效果取决于对应的CSS定义） -->
<script type="text/javascript">
$("#nav li:nth-child(5) dl dd:nth-child(5)").addClass("layui-this");
$("#nav li:nth-child(5)").addClass("layui-nav-itemed");
</script>
<!-- 使用layui框架的“element”模块，调用其“init”方法进行相关初始化操作，“element”模块常用于实现页面的交互元素（如折叠面板、导航栏等）的功能初始化 -->
<script>
//JavaScript代码区域
layui.use('element', function(){
var element = layui.element;
element.init();
});
</script>
<script>
//Demo
layui.use('form', function(){
<!-- 使用layui框架的“form”模块，不过当前函数体为空，一般可在这里编写针对表单相关功能（如自定义验证规则、提交前后的额外处理等）的代码 -->
<script>
//Demo
layui.use('form', function(){
});
</script>
});
</script>
</body>
</html>
</html>
Write Preview
Loading…
Cancel
Save