|
|
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
|
|
<!-- JSP页面指令，设置页面的内容类型为"text/html"，表示页面将以HTML格式展示内容，同时指定字符编码为UTF-8，这样能确保页面可以正确处理和显示各种字符（包括中文等特殊字符），避免出现乱码情况，并且表明该页面是基于Java语言来实现内部逻辑的。 -->
|
|
|
|
|
|
<html>
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<!-- 设置HTML页面的字符编码为utf-8，与外层JSP页面指令中指定的编码保持一致，再次明确页面文本内容的编码格式，确保浏览器能正确解析页面中的字符信息。 -->
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
|
<!-- 这是一个用于移动端页面适配的viewport元标签设置。"width=device-width"表示页面宽度将根据设备的屏幕宽度进行自适应调整；"initial-scale=1"设定页面初始缩放比例为1，即正常大小显示；"maximum-scale=1"限制页面最大缩放比例为1，防止用户过度缩放页面，以此保证页面在移动设备上有较好的显示效果和交互体验。 -->
|
|
|
|
|
|
</head>
|
|
|
<body class="layui-layout-body">
|
|
|
<!-- 为页面主体设置样式类为"layui-layout-body"，这通常是遵循Layui框架的样式规范，表明页面主体部分将应用Layui框架相关的布局样式，方便后续按照框架既定的布局方式来组织页面内容。 -->
|
|
|
<div class="layui-layout layui-layout-admin">
|
|
|
<!-- 创建一个使用Layui框架的布局容器，应用"layui-layout"和"layui-layout-admin"样式类，按照Layui框架提供的布局模式进行页面布局，这种布局常用于后台管理系统等场景，有着规范的分区结构，便于合理放置页面的不同功能模块。 -->
|
|
|
<div class="layui-side layui-bg-black">
|
|
|
<!-- 创建页面的左侧侧边栏区域，应用"layui-side"样式类使其具备侧边栏的外观样式，"layui-bg-black"样式类则将其背景颜色设置为黑色，形成一个具有明显视觉区分的侧边栏效果，通常用于放置导航菜单等内容。 -->
|
|
|
<div class="layui-side-scroll">
|
|
|
<!-- 创建一个可滚动的容器，应用于侧边栏内部，当侧边栏中的内容过多，超出了侧边栏的可视范围时，用户可以通过滚动条来查看全部内容，提升用户体验，确保侧边栏内容展示的完整性。 -->
|
|
|
<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
|
|
|
<ul class="layui-nav layui-nav-tree" lay-filter="test" id="nav">
|
|
|
<!-- 创建一个使用Layui框架样式的无序列表，作为导航菜单的容器，应用"layui-nav"和"layui-nav-tree"样式类使其呈现出Layui框架定义的垂直导航树样式，通过"lay-filter"属性设置一个过滤器名称为"test"，方便后续使用JavaScript代码绑定相关的导航事件等操作，同时设置id为"nav"，便于通过JavaScript或CSS选择器对这个导航菜单进行定位和操作。 -->
|
|
|
<li class="layui-nav-item">
|
|
|
<!-- 创建导航菜单中的一个菜单项，应用"layui-nav-item"样式类，使其具备Layui框架中菜单项的基本样式效果，比如合适的间距、鼠标悬停效果等。 -->
|
|
|
<a class="" href="javascript:;">课程信息</a>
|
|
|
<!-- 创建一个链接元素，文本内容为“课程信息”，但此处的链接地址设置为"javascript:;"，表示点击该链接暂时不会进行页面跳转（可能后续通过JavaScript代码添加点击事件来实现具体的交互逻辑），只是作为一个可点击的文本展示，用于展开或收起下级菜单等操作，它是课程信息相关子菜单的父级菜单。 -->
|
|
|
<dl class="layui-nav-child">
|
|
|
<!-- 创建一个定义列表（dl）元素，应用"layui-nav-child"样式类，用于放置“课程信息”菜单项下的子菜单列表，使其呈现出子菜单的样式效果，与父级菜单在视觉上进行区分，且符合Layui框架的导航菜单结构规范。 -->
|
|
|
<dd><a href="${pageContext.request.contextPath}/teacherOptionalCourseServlet">我的授课</a></dd>
|
|
|
<!-- 创建一个定义列表项（dd）元素，里面包含一个链接元素，链接的地址通过EL表达式（Expression Language）动态生成，指向"teacherOptionalCourseServlet"这个Servlet，点击该链接可跳转到对应的Servlet处理逻辑，用于展示教师的授课相关信息，文本显示为“我的授课”，方便教师查看自己所教授的课程情况。 -->
|
|
|
<dd hidden id="hidden-score"><a href="#">学生成绩</a></dd>
|
|
|
<!-- 创建一个定义列表项，里面的链接文本为“学生成绩”，但设置了"hidden"属性且id为"hidden-score"，意味着该菜单项初始状态是隐藏的（可能后续通过JavaScript代码根据某些条件来控制其显示与否，比如只有满足特定权限或者特定操作场景下才显示该菜单项），点击链接暂时指向一个空的地址（"#"），通常表示在当前页面内进行定位（这里可能后续会完善具体的跳转逻辑），用于查看学生成绩相关信息。 -->
|
|
|
<dd hidden id="hidden-update"><a href="#">修改课程</a></dd>
|
|
|
<!-- 同样创建一个定义列表项，文本为“修改课程”，设置了"hidden"属性且有id为"hidden-update"，初始隐藏状态，链接暂时指向空地址，后续可用于实现课程修改相关的功能，点击跳转到相应的修改课程页面（具体地址等逻辑可能后续补充）。 -->
|
|
|
<dd><a href="${pageContext.request.contextPath}/addSelectCourseServlet">添加授课</a></dd>
|
|
|
<!-- 创建定义列表项包含链接元素，链接通过EL表达式指向"addSelectCourseServlet"这个Servlet，点击可跳转到对应的逻辑处理页面，用于实现教师添加授课课程的功能，文本显示为“添加授课”，方便教师操作添加新的授课任务。 -->
|
|
|
</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>
|
|
|
<!-- 创建定义列表项及链接元素，链接地址通过EL表达式指向"findStudentByPageServlet"这个Servlet，点击可跳转到对应的页面查看本院学生的相关信息，实现学生通讯录中查看本院学生详细信息的功能，文本显示为“本院学生信息”。 -->
|
|
|
</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>
|
|
|
<!-- 创建定义列表项及链接元素，链接指向"teacherListServlet"这个Servlet，点击可获取并展示本院教师的相关信息，实现教师通讯录中查看本院教师详细信息的功能，文本显示为“本院教师信息”。 -->
|
|
|
</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>
|
|
|
<!-- 创建定义列表项及链接元素，链接指向"cdcListServlet"这个Servlet，点击可跳转到对应的页面进行学院专业相关信息的查询操作，实现查看学院专业信息的功能，文本显示为“学院专业查询”。 -->
|
|
|
</dl>
|
|
|
</li>
|
|
|
<li class="layui-nav-item">
|
|
|
<a class="" href="javascript:;">个人信息管理</a>
|
|
|
<dl class="layui-nav-child">
|
|
|
<dd><a href="${pageContext.request.contextPath}/teacherInfomationServlet">个人信息</a></dd>
|
|
|
<!-- 创建定义列表项及链接元素，链接指向"teacherInfomationServlet"这个Servlet，点击可跳转到对应的页面查看和管理教师个人的相关信息，如姓名、联系方式等基本信息，文本显示为“个人信息”。 -->
|
|
|
<dd><a href="${pageContext.request.contextPath}/teacherPasswordIndexServlet">修改密码</a></dd>
|
|
|
<!-- 创建定义列表项及链接元素，链接指向"teacherPasswordIndexServlet"这个Servlet，点击可进入修改教师账号密码的页面，实现修改密码的功能，文本显示为“修改密码”。 -->
|
|
|
<dd><a href="${pageContext.request.contextPath}/fileListServlet">文件列表</a></dd>
|
|
|
<!-- 创建定义列表项及链接元素，链接指向"fileListServlet"这个Servlet，点击可跳转到查看教师相关文件列表的页面，比如教学资料等文件信息，文本显示为“文件列表”，方便教师对文件进行管理查看。 -->
|
|
|
</dl>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<script>
|
|
|
//注意：导航 依赖 element 模块，否则无法进行功能性操作
|
|
|
layui.use('element', function(){
|
|
|
var element = layui.element;
|
|
|
element.init();
|
|
|
// 使用Layui框架的模块加载机制，加载"element"模块，获取该模块实例并赋值给变量"element"，然后调用模块的"init"方法进行初始化操作。"element"模块在Layui框架中通常用于页面元素的操作、动态渲染以及交互效果实现等，通过初始化该模块，可以准备好相关的DOM操作环境、绑定必要的事件等，确保模块能正常工作，进而实现页面中基于该模块的各种功能，例如展开收起导航菜单、切换菜单项的选中状态等操作，使得导航菜单具备相应的交互功能。
|
|
|
});
|
|
|
</script>
|
|
|
</body>
|
|
|
</html> |
