|
|
<%@ 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">
|
|
|
<!-- 创建一个layui布局的容器，layui是一个前端UI框架，通过使用其特定的布局类和样式，能够方便地构建出具有一定规范和交互功能的页面整体布局结构 -->
|
|
|
<div class="layui-layout layui-layout-admin">
|
|
|
<!-- 创建页面左侧的侧边栏区域，应用layui的背景颜色样式类layui-bg-black，将侧边栏背景设置为黑色，用于视觉上区分不同的页面区域 -->
|
|
|
<div class="layui-side layui-bg-black">
|
|
|
<!-- 创建一个可滚动的区域，当侧边栏内的内容超出侧边栏本身的高度时，用户可以通过滚动条来查看全部内容，提升页面的可浏览性和用户体验 -->
|
|
|
<div class="layui-side-scroll">
|
|
|
<!-- 左侧导航区域，使用layui的导航组件（layui-nav），以树形结构展示（layui-nav-tree），这种结构便于展示具有层级关系的菜单选项；
|
|
|
同时设置了过滤器（lay-filter="test"），用于后续与JavaScript等脚本语言配合实现一些交互操作，比如菜单点击事件的处理等；
|
|
|
并且设置了id为“nav”，方便通过JavaScript代码根据这个id来精准地获取和操作该导航元素 -->
|
|
|
<ul class="layui-nav layui-nav-tree" lay-filter="test" id="nav">
|
|
|
<!-- 一个导航菜单项，代表一级菜单，应用layui-nav-item类来添加相应的样式，使其在视觉上呈现出符合layui框架风格的菜单样式 -->
|
|
|
<li class="layui-nav-item">
|
|
|
<!-- 一级菜单的链接文本，点击暂时无实际跳转动作（href="javascript:;"表示执行一段JavaScript代码，此处为空，即点击时不会跳转到其他页面），显示文本为“选课信息管理”，用于提示用户该菜单所代表的功能板块 -->
|
|
|
<a class="" href="javascript:;">选课信息管理</a>
|
|
|
<!-- 一级菜单下的子菜单列表，使用dl标签配合layui的样式来展示子菜单，符合HTML语义化和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>
|
|
|
</body>
|
|
|
</html> |
