|
|
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
|
|
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
|
|
<!-- 以上两行是JSP页面的指令。第一行设置页面内容类型为HTML，字符编码为UTF-8，且指定使用Java语言。
|
|
|
第二行引入了JSTL（JavaServer Pages Standard Tag Library）核心标签库，前缀为"c"，用于在JSP页面中方便地进行逻辑处理，比如循环、条件判断等 -->
|
|
|
<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文件，提供各种交互功能和组件支持，通过相对路径从当前页面所在目录下获取该文件 -->
|
|
|
<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">
|
|
|
<!-- 设置页面主体的类名为"layui-layout-body"，并将背景颜色设置为浅灰色（#F2F2F2），可能是基于layui框架的布局要求来设定样式 -->
|
|
|
<jsp:include page="/filterLogin.jsp"></jsp:include>
|
|
|
<!-- 包含名为filterLogin.jsp的页面内容，通常用于处理登录相关的验证或展示登录相关的模块等功能 -->
|
|
|
<jsp:include page="/WEB-INF/student/sHeader.jsp"></jsp:include>
|
|
|
<!-- 包含位于WEB-INF/student目录下的sHeader.jsp页面，一般用于展示页面的头部内容，比如导航栏、logo等 -->
|
|
|
<jsp:include page="/WEB-INF/student/studentNav.jsp"></jsp:include>
|
|
|
<!-- 包含位于WEB-INF/student目录下的studentNav.jsp页面，大概率是用来展示学生端特定的导航菜单等内容 -->
|
|
|
<div class="layui-layout layui-layout-admin">
|
|
|
<!-- 创建一个类名为"layui-layout"和"layui-layout-admin"的div容器，可能是layui框架用于布局管理的特定结构 -->
|
|
|
<div class="layui-body">
|
|
|
<!-- 这个div通常用于承载页面的主要内容区域，在layui框架的布局体系里有特定含义 -->
|
|
|
<!-- 内容主体区域 -->
|
|
|
<div style="padding: 15px;">
|
|
|
<!-- 创建一个带有内边距为15px的div，用于放置具体的内容，起到一定的排版作用 -->
|
|
|
<span class="layui-breadcrumb">
|
|
|
<a href="">学生端</a>
|
|
|
<a href="">学院专业信息</a>
|
|
|
<a><cite>学院专业查询</cite></a>
|
|
|
</span>
|
|
|
<!-- 创建一个layui框架的面包屑导航组件，用于展示当前页面的层级路径，这里显示了从"学生端"到"学院专业信息"再到"学院专业查询"的导航链路，但链接（href）目前为空，可能后续需要完善具体的跳转地址 -->
|
|
|
<table class="layui-table" lay-filter="test">
|
|
|
<!-- 创建一个layui框架的表格组件，设置了一个名为"test"的过滤器，用于后续对表格进行一些交互功能的配置，比如行点击事件、筛选等 -->
|
|
|
<thead>
|
|
|
<tr>
|
|
|
<th>ID</th>
|
|
|
<th>学院</th>
|
|
|
<th>专业</th>
|
|
|
<th>班级</th>
|
|
|
<!-- 定义表格头部的列标题，分别为"ID"、"学院"、"专业"、"班级" -->
|
|
|
</tr>
|
|
|
</thead>
|
|
|
<c:forEach items="${cdcs}" var="cdc" varStatus="c">
|
|
|
<!-- 使用JSTL的forEach标签进行循环遍历，循环的对象是名为"cdcs"的数据集合（可能是从后台传递过来的包含学院专业班级等信息的列表），每次循环将当前元素赋值给变量"cdc"，并通过"varStatus"获取循环的状态信息（比如当前循环次数等），赋值给变量"c" -->
|
|
|
<tr>
|
|
|
<td>${c.count}</td>
|
|
|
<td>${cdc.college}</td>
|
|
|
<td>${cdc.department}</td>
|
|
|
<td>${cdc.cclass}</td>
|
|
|
<!-- 在表格的每一行中，分别展示循环当前元素（"cdc"）对应的序号（通过"c.count"获取当前是第几次循环）、学院名称（"${cdc.college}"）、专业名称（"${cdc.department}"）、班级名称（"${cdc.cclass}"） -->
|
|
|
</tr>
|
|
|
</c:forEach>
|
|
|
</table>
|
|
|
<jsp:include page="/footer.jsp"></jsp:include>
|
|
|
<!-- 包含名为footer.jsp的页面，一般用于展示页面底部的版权信息、相关链接等内容 -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
$("#nav li:nth-child(4) dl dd:nth-child(1)").addClass("layui-this");
|
|
|
// 使用jQuery选择器选中页面中id为"nav"的元素下的第4个子元素li下的dl元素下的第1个dd元素，并为其添加类名"layui-this"，可能是用于标记当前选中的导航菜单项，使其呈现特定的样式，表明处于选中状态（具体依赖layui框架的样式规则）
|
|
|
$("#nav li:nth-child(4)").addClass("l ayui-nav-itemed");
|
|
|
// 使用jQuery选择器选中页面中id为"nav"的元素下的第4个子元素li，并为其添加类名"layui-nav-itemed"，可能是用于展开或折叠对应的导航菜单（同样依赖layui框架的样式和交互逻辑）
|
|
|
</script>
|
|
|
<script>
|
|
|
//JavaScript代码区域
|
|
|
layui.use('element', function(){
|
|
|
var element = layui.element;
|
|
|
element.init();
|
|
|
// 使用layui框架的element模块，调用其init方法进行初始化，通常是为了激活layui框架中基于element模块的各种UI组件的交互功能，比如菜单的展开收起、页面元素的显示隐藏等
|
|
|
});
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
</html> |
