|
|
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
|
|
<!-- JSP页面指令，设置页面响应的内容类型为HTML，字符编码采用UTF-8，表明使用的编程语言是Java -->
|
|
|
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
|
|
<!-- 引入JSTL（JavaServer Pages Standard Tag Library）核心标签库，前缀为“c”，后续可以通过该前缀调用核心标签库中的各种标签 -->
|
|
|
|
|
|
<html>
|
|
|
<head>
|
|
|
<title>修改教师信息</title>
|
|
|
<!-- 设置页面的标题为“修改教师信息” -->
|
|
|
<link rel="stylesheet" href="./css/layui.css">
|
|
|
<!-- 引入layui框架的样式表文件，路径为相对路径下的css/layui.css，用于页面的样式布局等美化 -->
|
|
|
<link rel="stylesheet" href="./css/style.css">
|
|
|
<!-- 引入自定义的样式表文件style.css（相对路径），用于添加项目特定的样式规则 -->
|
|
|
<script src="./layui.js"></script>
|
|
|
<!-- 引入layui框架的JavaScript脚本文件，用于实现layui框架相关的功能 -->
|
|
|
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
|
|
|
<!-- 从CDN（内容分发网络）引入jQuery库的最小化版本，jQuery是常用的JavaScript库，方便进行DOM操作、事件处理等 -->
|
|
|
</head>
|
|
|
<body class="layui-layout-body" style="background-color: #F2F2F2">
|
|
|
<!-- 设置body标签的类名为layui-layout-body，并设置背景颜色为#F2F2F2，类名可能会被相关的样式表用于布局等样式应用 -->
|
|
|
<jsp:include page="/filterLogin.jsp"></jsp:include>
|
|
|
<!-- 使用JSP的include指令包含名为filterLogin.jsp的页面内容，可能用于处理登录相关的过滤、验证等逻辑 -->
|
|
|
<jsp:include page="/WEB-INF/admin/aHeader.jsp"></jsp:include>
|
|
|
<!-- 包含位于WEB-INF/admin目录下的aHeader.jsp页面内容，通常用于展示页面头部相关的布局、导航等元素 -->
|
|
|
<jsp:include page="/WEB-INF/admin/adminNav.jsp"></jsp:include>
|
|
|
<!-- 包含位于WEB-INF/admin目录下的adminNav.jsp页面内容，大概率是用于展示管理员相关的导航栏内容 -->
|
|
|
<div class="layui-layout layui-layout-admin">
|
|
|
<!-- 创建一个具有layui-layout和layui-layout-admin类名的div，可能是用于整体的页面布局框架，layui框架相关的布局样式会作用于此 -->
|
|
|
<div class="layui-body">
|
|
|
<!-- 这是页面的主体内容区域的div -->
|
|
|
<!-- 内容主体区域 -->
|
|
|
<div style="padding: 15px;">
|
|
|
<!-- 创建一个带有内边距为15px的div，用于放置具体的内容模块 -->
|
|
|
<span class="layui-breadcrumb">
|
|
|
<a href="">管理员</a>
|
|
|
<a href="">教师管理</a>
|
|
|
<a><cite>修改教师信息</cite></a>
|
|
|
</span>
|
|
|
<!-- 创建一个layui框架的面包屑导航元素，包含三个链接，分别指向不同层级（这里链接暂时都为空，可能后续会补充完整路径），最后一个链接包裹的cite标签内显示“修改教师信息”文本，用于展示当前页面在整个系统中的层级位置 -->
|
|
|
<form class="layui-form" action="${pageContext.request.contextPath}/updateTeacherInfoServlet" style="padding-top: 50px" method="post">
|
|
|
<!-- 创建一个layui框架的表单，设置表单提交的目标地址为通过EL表达式动态获取的路径（指向名为updateTeacherInfoServlet的后端资源），设置表单顶部的内边距为50px，提交方法为post -->
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">工号</label>
|
|
|
<!-- 创建一个表单标签元素，用于显示“工号”文本 -->
|
|
|
<div class="layui-input-block">
|
|
|
<input type="text" readonly="readonly" name="teacher-id" value="${teacher.t_id}" autocomplete="off" class="layui-input">
|
|
|
<!-- 创建一个文本输入框，设置为只读状态，其name属性为“teacher-id”，输入框的值通过EL表达式从名为teacher的对象（可能是从后台传递过来的教师相关数据对象）中获取t_id属性值，关闭自动完成功能，应用layui-input类名，用于展示教师的工号信息，不可编辑 -->
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">学院</label>
|
|
|
<div class="layui-input-block">
|
|
|
<select name="selectCollege">
|
|
|
<!-- 创建一个下拉选择框，name属性为“selectCollege”，用于选择教师所属学院 -->
|
|
|
<%-- <option value="${teacher.t_college}" selected>${teacher.t_college}</option>--%>
|
|
|
<option value="" selected></option>
|
|
|
<!-- 这里原本可能是想默认选中教师当前所属学院（通过EL表达式获取t_college值），但目前注释掉了，改为一个空的默认选中项，可能后续有其他逻辑处理默认值 -->
|
|
|
<c:forEach items="${collegeLists}" var="collegeList">
|
|
|
<option value="${collegeList.college}">${collegeList.college}</option>
|
|
|
</c:forEach>
|
|
|
<!-- 使用JSTL的forEach标签循环遍历名为collegeLists的集合（可能是从后台获取的学院列表数据集合），每次循环创建一个下拉选项，选项的值和显示文本都通过当前循环的collegeList对象的college属性获取 -->
|
|
|
</select>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">系别</label>
|
|
|
<div class="layui-input-block">
|
|
|
<select name="selectDepartment" lay-search>
|
|
|
<!-- 创建一个带有lay-search属性的下拉选择框（layui框架中可能用于支持搜索功能），name属性为“selectDepartment”，用于选择教师所属系别 -->
|
|
|
<%-- <option value="${teacher.t_department}" selected>${teacher.t_department}</option>--%>
|
|
|
<option value="" selected></option>
|
|
|
<!-- 同样原本可能想默认选中教师当前系别（通过EL表达式获取t_department值），现注释掉，改为空的默认选中项 -->
|
|
|
<c:forEach items="${departmentLists}" var="departmentList">
|
|
|
<option>${departmentList.department}</option>
|
|
|
</c:forEach>
|
|
|
<!-- 循环遍历名为departmentLists的集合（可能是系别列表数据集合），创建下拉选项，显示文本为当前departmentList对象的department属性值 -->
|
|
|
</select>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">班级</label>
|
|
|
<div class="layui-input-block">
|
|
|
<select name="selectClass" lay-search>
|
|
|
<!-- 创建一个带有lay-search属性的下拉选择框，name属性为“selectClass”，用于选择教师所属班级 -->
|
|
|
<%-- <option value="${teacher.t_class}" selected>${teacher.t_class}</option>--%>
|
|
|
<option value="" selected></option>
|
|
|
<!-- 也是原本想默认选中教师当前班级（通过EL表达式获取t_class值），现注释掉，改为空默认选中项 -->
|
|
|
<c:forEach items="${classLists}" var="classList">
|
|
|
<option>${classList.cclass}</option>
|
|
|
</c:forEach>
|
|
|
<!-- 循环遍历名为classLists的集合（班级列表数据集合），创建下拉选项，显示文本为当前classList对象的cclass属性值 -->
|
|
|
</select>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">姓名</label>
|
|
|
<div class="layui-input-block">
|
|
|
<input type="text" name="teacher-name" id="teacher-name" value="${teacher.t_name}" placeholder="" autocomplete="off" class="layui-input">
|
|
|
<!-- 创建一个文本输入框，name属性为“teacher-name”，id为“teacher-name”，输入框的值通过EL表达式从teacher对象获取t_name属性值，无占位符文本，关闭自动完成功能，应用layui-input类名，用于输入教师姓名 -->
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-form-item">
|
|
|
|
|
|
</div>
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label">性别</label>
|
|
|
<div class="layui-input-block">
|
|
|
<input type="radio" name="teacher-sex" id="idsex" value="男" title="男">
|
|
|
<input type="radio" name="teacher-sex" id="idsex2" value="女" title="女">
|
|
|
<!-- 创建两个单选按钮，name属性都为“teacher-sex”，用于选择教师性别，id分别为“idsex”和“idsex2”，对应的值分别为“男”和“女”，显示的标题文本也分别为“男”和“女” -->
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label">文化程度</label>
|
|
|
<div class="layui-input-block">
|
|
|
<input type="text" name="teacher-education" id="teacher-education" value="${teacher.t_education}" placeholder="" autocomplete="off" class="layui-input">
|
|
|
<!-- 创建一个文本输入框，用于输入教师的文化程度，相关属性设置与前面类似 -->
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label">职称</label>
|
|
|
<div class="layui-input-block">
|
|
|
<input type="text" name="teacher-title" id="teacher-title" value="${teacher.t_title}" 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>
|
|
|
<!-- 创建一个layui框架样式的按钮，点击该按钮会触发表单提交，并且通过lay-filter属性关联到名为“formDemo”的过滤器（可能用于在提交前进行一些验证等操作），按钮显示文本为“修改” -->
|
|
|
<button class="layui-btn layui-btn-primary" id="inforeset">重置</button>
|
|
|
<!-- 创建一个layui框架样式的按钮，应用了layui-btn-primary类名（可能是默认样式），id为“inforeset”，按钮显示文本为“重置”，用于重置表单输入内容 -->
|
|
|
<span style="padding-left: 20px;">${update_msg}</span>
|
|
|
<!-- 显示一个文本内容，通过EL表达式展示名为update_msg的值（可能是从后台传递过来的与修改操作相关的提示信息），并且设置左边距为20px -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</form>
|
|
|
<jsp:include page="/footer.jsp"></jsp:include>
|
|
|
<!-- 包含名为footer.jsp的页面内容，通常用于展示页面底部的相关信息，如版权声明、联系方式等 -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
$("#nav li:nth-child(3) dl dd:nth-child(2)").addClass("layui-this");
|
|
|
<!-- 通过jQuery选择器选择id为nav的元素下的第3个子元素（li标签）里的dl元素下的第2个dd元素，并给其添加类名为layui-this的类，可能是用于设置当前导航项或子项的选中状态等样式相关操作，但前提是页面中存在相应结构的元素 -->
|
|
|
$("#nav li:nth-child(3)").addClass("layui-nav-itemed");
|
|
|
<!-- 通过jQuery选择器选择id为nav的元素下的第3个子元素（li标签），并给其添加类名为layui-nav-itemed的类，同样可能是用于设置导航项的选中状态等样式相关操作 -->
|
|
|
$("#hidden-update2").removeAttr("hidden");
|
|
|
<!-- 通过jQuery选择器找到id为hidden-update2的元素，并移除其hidden属性（如果有的话），可能是用于显示原本隐藏的某个元素 -->
|
|
|
</script>
|
|
|
<script>
|
|
|
//JavaScript代码区域
|
|
|
layui.use('element', function(){
|
|
|
var element = layui.element;
|
|
|
element.init();
|
|
|
});
|
|
|
<!-- 使用layui框架的use方法加载element模块，加载成功后获取element对象并调用其init方法，对页面中的相关元素进行初始化等操作，确保layui框架相关的导航、布局等功能正常使用 -->
|
|
|
</script>
|
|
|
|
|
|
<script>
|
|
|
//Demo
|
|
|
layui.use('form', function(){
|
|
|
|
|
|
});
|
|
|
<!-- 这里本意可能是使用layui框架的use方法加载form模块，但函数体里暂时没有具体代码，一般加载form模块后可以利用其提供的表单相关功能，比如表单验证等 -->
|
|
|
</script>
|
|
|
<script>
|
|
|
var sex = "${teacher.t_sex}";
|
|
|
if (sex == '男') {
|
|
|
$("#idsex").attr("checked","checked");
|
|
|
$("#idsex2").removeAttr("checked");
|
|
|
} else if (sex == '女') {
|
|
|
$("#idsex2").attr("checked","checked");
|
|
|
$("#idsex").removeAttr("checked");
|
|
|
}else{
|
|
|
$("#idsex").removeAttr("checked");
|
|
|
$("#idsex2").removeAttr("checked");
|
|
|
}
|
|
|
<!-- 通过EL表达式获取teacher对象的t_sex属性值赋值给变量sex，然后根据sex的值来设置对应的性别单选按钮（id为idsex和idsex2的）的选中状态，如果是“男”则选中“男”对应的单选按钮，“女”则选中“女”对应的，其他情况则都不选中 -->
|
|
|
</script>
|
|
|
<script type="text/javascript">
|
|
|
$(function () {
|
|
|
$('#inforeset').bind('click',function () {
|
|
|
$("#idsex").removeAttr("checked");
|
|
|
$("#idsex2").removeAttr("checked");
|
|
|
$("#teacher-name").val("");
|
|
|
$("#teacher-education").val("");
|
|
|
$("#teacher-title").val("");
|
|
|
alert("已重置！");
|
|
|
});
|
|
|
});
|
|
|
<!-- 当页面DOM加载完成后（通过$(function () {...}) 结构），给id为inforeset的元素（即前面的“重置”按钮）绑定点击事件监听器，当按钮被点击时，执行函数内的代码，清除所有单选按钮的选中状态，清空姓名、文化程度、职称输入框的内容，并弹出一个提示框显示“已重置！” -->
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
</html> |
