|
|
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
|
|
<%@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">
|
|
|
<!-- 包含名为“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>
|
|
|
<!-- 表单中的另一个输入项，同样使用“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>
|
|
|
<!-- 表单中的又一个输入项，使用“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>
|
|
|
|
|
|
|
|
|
<!-- 表单中的一个输入项，使用“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>
|
|
|
|
|
|
<!-- 表单中的一个操作按钮项，使用“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>
|
|
|
</form>
|
|
|
<!-- 包含名为“footer.jsp”的JSP页面，一般用于引入页面底部部分，可能包含版权信息、联系方式等通用的底部元素 -->
|
|
|
<jsp:include page="/footer.jsp"></jsp:include>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<!-- 使用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>
|
|
|
|
|
|
<!-- 使用layui框架的“form”模块，不过当前函数体为空，一般可在这里编写针对表单相关功能（如自定义验证规则、提交前后的额外处理等）的代码 -->
|
|
|
<script>
|
|
|
//Demo
|
|
|
layui.use('form', function(){
|
|
|
|
|
|
});
|
|
|
</script>
|
|
|
</body>
|
|
|
</html> |
