|
|
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
|
|
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
|
|
<html>
|
|
|
<head>
|
|
|
<!-- 设置页面标题为“学院专业查询” -->
|
|
|
<title>学院专业查询</title>
|
|
|
<!-- 引入layui的样式文件，用于页面的样式布局等美化 -->
|
|
|
<link rel="stylesheet" href="./css/layui.css">
|
|
|
<!-- 引入自定义的样式文件，可能包含针对本页面特定的样式设置 -->
|
|
|
<link rel="stylesheet" href="./css/style.css">
|
|
|
<!-- 引入layui的JavaScript文件，layui是一个前端UI框架，提供了很多交互组件等功能 -->
|
|
|
<script src="./layui.js"></script>
|
|
|
<!-- 引入jQuery库的.min压缩版本，jQuery是常用的JavaScript库，方便进行DOM操作、事件处理等 -->
|
|
|
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
|
|
|
</head>
|
|
|
<body class="layui-layout-body" style="background-color: #F2F2F2">
|
|
|
<!-- 包含用于过滤登录状态的JSP页面，可能用于判断用户是否登录等相关逻辑处理 -->
|
|
|
<jsp:include page="/filterLogin.jsp"></jsp:include>
|
|
|
<!-- 包含管理员头部页面，通常包含页面头部的一些通用元素，比如页面标题、导航栏等 -->
|
|
|
<jsp:include page="/WEB-INF/admin/aHeader.jsp"></jsp:include>
|
|
|
<!-- 包含管理员导航栏页面，用于展示管理员操作相关的导航菜单等 -->
|
|
|
<jsp:include page="/WEB-INF/admin/adminNav.jsp"></jsp:include>
|
|
|
<div class="layui-layout layui-layout-admin">
|
|
|
<div class="layui-body">
|
|
|
<!-- 内容主体区域 -->
|
|
|
<div style="padding: 15px;">
|
|
|
<!-- 使用layui的面包屑组件，展示当前页面的层级导航路径 -->
|
|
|
<span class="layui-breadcrumb">
|
|
|
<!-- 面包屑的一级导航，链接指向根路径（此处可能根据实际情况有对应功能） -->
|
|
|
<a href="">管理员</a>
|
|
|
<!-- 面包屑的二级导航，链接指向学院专业管理相关页面（同样可能有对应功能） -->
|
|
|
<a href="">学院专业管理</a>
|
|
|
<!-- 面包屑的三级导航，显示当前页面的具体名称 -->
|
|
|
<a><cite>学院专业查询</cite></a>
|
|
|
</span>
|
|
|
<!-- 使用layui的表格组件，用于展示学院专业相关的数据 -->
|
|
|
<table class="layui-table" lay-filter="test">
|
|
|
<thead>
|
|
|
<tr>
|
|
|
<!-- 表格表头，定义第一列的标题为“ID” -->
|
|
|
<th>ID</th>
|
|
|
<!-- 表格表头，定义第二列的标题为“学院” -->
|
|
|
<th>学院</th>
|
|
|
<!-- 表格表头，定义第三列的标题为“专业” -->
|
|
|
<th>专业</th>
|
|
|
<!-- 表格表头，定义第四列的标题为“班级” -->
|
|
|
<th>班级</th>
|
|
|
<!-- 表格表头，定义第五列的标题为“操作”，通常用于放置对数据进行操作的按钮等 -->
|
|
|
<th>操作</th>
|
|
|
</tr>
|
|
|
</thead>
|
|
|
<!-- 使用JSTL的forEach标签循环遍历名为“cdcs”的集合（应该是在后台传递过来的学院专业相关数据集合） -->
|
|
|
<c:forEach items="${cdcs}" var="cdc" varStatus="c">
|
|
|
<tr>
|
|
|
<!-- 在表格行中显示当前循环的序号（从1开始计数） -->
|
|
|
<td>${c.count}</td>
|
|
|
<!-- 在表格行中显示当前循环对象（cdc）中的学院名称属性值 -->
|
|
|
<td>${cdc.college}</td>
|
|
|
<!-- 在表格行中显示当前循环对象（cdc）中的专业名称属性值 -->
|
|
|
<td>${cdc.department}</td>
|
|
|
<!-- 在表格行中显示当前循环对象（cdc）中的班级名称属性值 -->
|
|
|
<td>${cdc.cclass}</td>
|
|
|
<!-- 在表格行的操作列中添加一个删除按钮，按钮样式为layui的危险按钮样式，点击时调用JavaScript中的deleteCDC函数（目前函数未定义完整，可能需要补充具体删除逻辑） -->
|
|
|
<td><a class="layui-btn layui-btn-danger" href="javascript:deleteCDC();">删除</a></td>
|
|
|
</tr>
|
|
|
</c:forEach>
|
|
|
</table>
|
|
|
<!-- 包含页面底部相关内容的JSP页面，可能包含版权信息、联系方式等通用的底部元素 -->
|
|
|
<jsp:include page="/footer.jsp"></jsp:include>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<!-- 使用jQuery选择器选择特定的DOM元素（此处可能是导航栏中的某个元素）并添加类名“layui-this”，用于设置样式等相关操作（具体功能取决于对应的CSS样式定义） -->
|
|
|
<script type="text/javascript">
|
|
|
$("#nav li:nth-child(4) dl dd:nth-child(1)").addClass("layui-this");
|
|
|
$("#nav li:nth-child(4)").addClass("layui-nav-itemed");
|
|
|
</script>
|
|
|
<!-- 使用layui框架的element模块，进行相关初始化操作，element模块通常用于实现页面的交互元素（如折叠面板、导航栏等）的功能 -->
|
|
|
<script>
|
|
|
//JavaScript代码区域
|
|
|
layui.use('element', function(){
|
|
|
var element = layui.element;
|
|
|
element.init();
|
|
|
});
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
</html> |
