|
|
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
|
|
<!-- 这是JSP页面的指令，用于设置页面的内容类型为text/html（即HTML格式页面），同时指定字符编码为UTF-8，表明该页面使用Java语言来处理相关逻辑，确保页面能正确显示各种字符 -->
|
|
|
<html>
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<!-- 再次明确页面的字符编码为utf-8，虽然前面的JSP指令已经设置了编码，但HTML页面中添加此<meta>标签也是一种常见的做法，用于告知浏览器页面的编码格式，增强兼容性 -->
|
|
|
<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">
|
|
|
<!-- 为页面主体（body）设置类名“layui-layout-body”，这个类名通常与layui框架的布局样式相关联，按照layui框架的规范来构建页面整体外观，比如应用默认的背景、边距等样式 -->
|
|
|
<div class="layui-layout layui-layout-admin">
|
|
|
<!-- 创建一个div元素，并赋予其两个类名“layui-layout”和“layui-layout-admin”，这是layui框架中用于定义页面整体布局结构的特定类名，遵循layui框架的布局规范来划分页面不同区域，常见的会划分出如侧边栏、头部、主体内容区域等 -->
|
|
|
<div class="layui-side layui-bg-black">
|
|
|
<!-- 创建一个用于表示页面左侧侧边栏的div元素，应用了“layui-side”类名表示这是侧边栏区域，“layui-bg-black”类名则用于设置该侧边栏的背景颜色为黑色，使其在视觉上与页面其他区域区分开来 -->
|
|
|
<div class="layui-side-scroll">
|
|
|
<!-- 创建一个div元素，应用“layui-side-scroll”类名，通常在layui框架中用于处理侧边栏内容的滚动效果，当侧边栏内容较多超出可视范围时，可以通过滚动条来查看全部内容 -->
|
|
|
<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
|
|
|
<ul class="layui-nav layui-nav-tree" lay-filter="test" id="nav">
|
|
|
<!-- 创建一个无序列表（ul）元素，应用了“layui-nav”和“layui-nav-tree”类名以及“lay-filter”属性和“id”属性：
|
|
|
“layui-nav”用于构建layui框架下的导航栏；
|
|
|
“layui-nav-tree”表示这是一个树形结构的导航（通常用于有层级关系的菜单，比如这里的下拉子菜单形式）；
|
|
|
“lay-filter”属性设置了一个名为“test”的过滤器，可在后续JavaScript代码中利用这个过滤器来对导航栏进行相关的交互操作配置，例如菜单展开收起、点击事件等；
|
|
|
“id”属性设置为“nav”，方便后续通过JavaScript或者CSS选择器来选中这个导航栏元素进行操作 -->
|
|
|
<li class="layui-nav-item">
|
|
|
<!-- 创建一个列表项（li）元素，应用“layui-nav-item”类名，表示这是导航栏中的一个可点击的菜单项 -->
|
|
|
<a class="" href="javascript:;">选课信息</a>
|
|
|
<!-- 创建一个超链接（a标签），href属性设置为“javascript:;”表示点击该链接时暂时不执行实际的页面跳转，而是可以通过后续添加JavaScript代码来定义点击后的具体行为，显示文本为“选课信息”，作为该菜单项的标题 -->
|
|
|
<dl class="layui-nav-child">
|
|
|
<!-- 创建一个定义列表（dl）元素，应用“layui-nav-child”类名，在layui框架中用于表示这是上面菜单项的子菜单列表，用于展示下拉菜单等子级导航内容 -->
|
|
|
<dd><a href="${pageContext.request.contextPath}/studentSelectCourseListServlet">选课与成绩</a></dd>
|
|
|
<!-- 创建一个定义列表项（dd）元素，内部包含一个超链接，链接地址指向名为“studentSelectCourseListServlet”的Servlet（通过EL表达式动态获取上下文路径拼接而成），显示文本为“选课与成绩”，点击可跳转到对应的功能页面，查看选课以及成绩相关信息 -->
|
|
|
<dd><a href="${pageContext.request.contextPath}/studentOptionalCourseServlet">可选课程</a></dd>
|
|
|
<!-- 类似上面的dd元素，这个超链接指向“studentOptionalCourseServlet”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>
|
|
|
<!-- 创建一个子菜单链接，指向“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}/studentInfomationServlet">个人信息</a></dd>
|
|
|
<!-- 超链接指向“studentInfomationServlet”Servlet，显示文本为“个人信息”，点击可查看或修改个人信息 -->
|
|
|
<dd><a href="${pageContext.request.contextPath}/studentPasswordIndexServlet">修改密码</a></dd>
|
|
|
<!-- 链接到“studentPasswordIndexServlet”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模块，调用其init方法进行初始化操作。在layui框架中，element模块提供很多页面元素交互相关功能，例如实现页面布局动态切换、菜单展开收起等交互效果，通过调用init方法可激活这些功能，确保页面上基于element模块构建的各种UI组件能正常工作
|
|
|
});
|
|
|
</script>
|
|
|
</body>
|
|
|
</html> |
