|
|
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
|
|
<!-- JSP页面指令,设置页面响应的内容类型为HTML,字符编码采用UTF-8,使用的编程语言为Java -->
|
|
|
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
|
|
<!-- 引入JSTL(JavaServer Pages Standard Tag Library)核心标签库,前缀为“c”,后续可以使用该前缀来调用核心标签库中的各种标签 -->
|
|
|
|
|
|
<html>
|
|
|
<head>
|
|
|
<title>${html_title}</title>
|
|
|
<!-- 设置页面的标题,这里使用了EL表达式(Expression Language)${html_title},意味着标题的值可能是从后台动态传递过来的 -->
|
|
|
<script>
|
|
|
//JavaScript代码区域
|
|
|
layui.use('element', function(){
|
|
|
var element = layui.element;
|
|
|
element.init();
|
|
|
});
|
|
|
<!-- 使用layui框架的use方法加载element模块,加载成功后获取element对象并调用其init方法,对页面中的相关元素进行初始化等操作,确保layui框架相关的导航、布局等功能正常使用 -->
|
|
|
</script>
|
|
|
<style>
|
|
|
.layui-card.layui-card-body.layui-icon {
|
|
|
display: inline-block;
|
|
|
width: 100%;
|
|
|
height: 60px;
|
|
|
line-height: 60px;
|
|
|
text-align: center;
|
|
|
border-radius: 2px;
|
|
|
font-size: 30px;
|
|
|
background-color: #F8F8F8;
|
|
|
color: #333;
|
|
|
transition: all.3s;
|
|
|
-webkit-transition: all.3s;
|
|
|
}
|
|
|
<!-- 对类名为layui-card下的layui-card-body里的layui-icon元素设置样式。使其以块级元素内联显示,设置宽度、高度、行高、文本对齐方式、边框圆角、字体大小、背景颜色、文字颜色以及过渡效果等样式属性 -->
|
|
|
.layui-card.layui-card-body {
|
|
|
text-align: center;
|
|
|
}
|
|
|
<!-- 对类名为layui-card下的layui-card-body元素设置文本对齐方式为居中 -->
|
|
|
#notify {
|
|
|
text-align: left;
|
|
|
}
|
|
|
<!-- 对id为notify的元素设置文本对齐方式为左对齐 -->
|
|
|
|
|
|
</style>
|
|
|
</head>
|
|
|
<body class="layui-layout-body" style="background-color: #F2F2F2">
|
|
|
<!-- 设置body标签的类名为layui-layout-body,并设置背景颜色为#F2F2F2,类名可能会被layui框架相关样式应用 -->
|
|
|
<jsp:include page="/filterLogin.jsp"></jsp:include>
|
|
|
<!-- 使用JSP的include指令包含名为filterLogin.jsp的页面内容,可能用于处理登录相关的过滤、验证等逻辑 -->
|
|
|
<jsp:include page="/WEB-INF/admin/aHeader.jsp"></jsp:include>
|
|
|
<!-- 包含位于WEB-INF/admin目录下的aHeader.jsp页面内容,通常用于展示页面头部相关的布局、导航等元素 -->
|
|
|
<jsp:include page="/WEB-INF/admin/adminNav.jsp"></jsp:include>
|
|
|
<!-- 包含位于WEB-INF/admin目录下的adminNav.jsp页面内容,大概率是用于展示管理员相关的导航栏内容 -->
|
|
|
<div class="layui-layout layui-layout-admin">
|
|
|
<!-- 创建一个具有layui-layout和layui-layout-admin类名的div,可能是用于整体的页面布局框架,layui框架相关的布局样式会作用于此 -->
|
|
|
<div class="layui-body">
|
|
|
<!-- 这是页面的主体内容区域的div -->
|
|
|
<!-- 内容主体区域 -->
|
|
|
<div style="padding: 15px;">
|
|
|
<!-- 创建一个带有内边距为15px的div,用于放置具体的内容模块 -->
|
|
|
<div class="layui-card">
|
|
|
<!-- 创建一个具有layui-card类名的div,通常是layui框架中卡片式布局的容器 -->
|
|
|
<div class="layui-card-header" id="index-function">功能</div>
|
|
|
<!-- 创建一个具有layui-card-header类名且id为index-function的div,用于显示卡片的头部标题,这里标题为“功能” -->
|
|
|
<div class="layui-card-body">
|
|
|
<!-- 创建一个具有layui-card-body类名的div,用于放置卡片的主体内容 -->
|
|
|
<ul class="layui-row layui-col-space10 layui-this">
|
|
|
<!-- 创建一个无序列表,应用了layui框架相关的类名,layui-row表示行布局,layui-col-space10可能用于设置列之间的间距,layui-this可能是表示当前选中之类的样式相关类名 -->
|
|
|
<li class="layui-col-xs3">
|
|
|
<!-- 创建一个列表项,应用了layui-col-xs3类名,表示该列在小屏幕(xs)下占3份(可能基于layui的栅格系统) -->
|
|
|
<a lay-href="/mavenTemplate/student/query">
|
|
|
<!-- 创建一个链接,使用了layui框架自定义的属性lay-href来指定跳转地址,指向/mavenTemplate/student/query路径 -->
|
|
|
<i class="layui-icon layui-icon-survey"></i>
|
|
|
<!-- 创建一个图标元素,应用了layui-icon和layui-icon-survey类名,用于显示特定图标 -->
|
|
|
<cite>选课列表</cite>
|
|
|
<!-- 使用cite标签包裹文本“选课列表”,用于表示引用等语义,在这里可能就是显示链接对应的文字说明 -->
|
|
|
</a>
|
|
|
</li>
|
|
|
<li class="layui-col-xs3">
|
|
|
<a lay-href="/mavenTemplate/class/query">
|
|
|
<i class="layui-icon layui-icon-survey"></i>
|
|
|
<cite>可选课程</cite>
|
|
|
</a>
|
|
|
</li>
|
|
|
<!-- 与上面类似的列表项结构,链接指向/mavenTemplate/class/query路径,显示文本为“可选课程” -->
|
|
|
<li class="layui-col-xs3">
|
|
|
<a lay-href="/mavenTemplate/major/query">
|
|
|
<i class="layui-icon layui-icon-survey"></i>
|
|
|
<cite>查询学生</cite>
|
|
|
</a>
|
|
|
</li>
|
|
|
<!-- 链接指向/mavenTemplate/major/query路径,显示文本为“查询学生” -->
|
|
|
<li class="layui-col-xs3">
|
|
|
<a lay-href="/mavenTemplate/user/info">
|
|
|
<i class="layui-icon layui-icon-user"></i>
|
|
|
<cite>增加学生</cite>
|
|
|
</a>
|
|
|
</li>
|
|
|
<!-- 链接指向/mavenTemplate/user/info路径,显示文本为“增加学生” -->
|
|
|
<li class="layui-col-xs3">
|
|
|
<a lay-href="/mavenTemplate/user/password">
|
|
|
<i class="layui-icon layui-icon-set"></i>
|
|
|
<cite>查询教师</cite>
|
|
|
</a>
|
|
|
</li>
|
|
|
<!-- 链接指向/mavenTemplate/user/password路径,显示文本为“查询教师” -->
|
|
|
<li class="layui-col-xs3">
|
|
|
<a lay-href="/mavenTemplate/user/email">
|
|
|
<i class="layui-icon layui-icon-set"></i>
|
|
|
<cite>增加教师</cite>
|
|
|
</a>
|
|
|
</li>
|
|
|
<!-- 链接指向/mavenTemplate/user/email路径,显示文本为“增加教师” -->
|
|
|
<li class="layui-col-xs3">
|
|
|
<a lay-href="/mavenTemplate/student/modify">
|
|
|
<i class="layui-icon layui-icon-survey"></i>
|
|
|
<cite>学院专业查询</cite>
|
|
|
</a>
|
|
|
</li>
|
|
|
<!-- 链接指向/mavenTemplate/student/modify路径,显示文本为“学院专业查询” -->
|
|
|
<li class="layui-col-xs3">
|
|
|
<a lay-href="/mavenTemplate/student/modify">
|
|
|
<i class="layui-icon layui-icon-survey"></i>
|
|
|
<cite>学院专业增加</cite>
|
|
|
</a>
|
|
|
</li>
|
|
|
<!-- 链接同样指向/mavenTemplate/student/modify路径,显示文本为“学院专业增加” -->
|
|
|
<li class="layui-col-xs3">
|
|
|
<a lay-href="/mavenTemplate/student/modify">
|
|
|
<i class="layui-icon layui-icon-survey"></i>
|
|
|
<cite>公告发布</cite>
|
|
|
</a>
|
|
|
</li>
|
|
|
<!-- 链接指向/mavenTemplate/student/modify路径,显示文本为“公告发布” -->
|
|
|
<li class="layui-col-xs3">
|
|
|
<a lay-href="/mavenTemplate/student/modify">
|
|
|
<i class="layui-icon layui-icon-survey"></i>
|
|
|
<cite>公告列表</cite>
|
|
|
</a>
|
|
|
</li>
|
|
|
<!-- 链接指向/mavenTemplate/student/modify路径,显示文本为“公告列表” -->
|
|
|
<li class="layui-col-xs3">
|
|
|
<a lay-href="/mavenTemplate/student/modify">
|
|
|
<i class="layui-icon layui-icon-survey"></i>
|
|
|
<cite>文件发布</cite>
|
|
|
</a>
|
|
|
</li>
|
|
|
<!-- 链接指向/mavenTemplate/student/modify路径,显示文本为“文件发布” -->
|
|
|
<li class="layui-col-xs3">
|
|
|
<a lay-href="/mavenTemplate/student/modify">
|
|
|
<i class="layui-icon layui-icon-survey"></i>
|
|
|
<cite>文件列表</cite>
|
|
|
</a>
|
|
|
</li>
|
|
|
<!-- 链接指向/mavenTemplate/student/modify路径,显示文本为“文件列表” -->
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-card">
|
|
|
<!-- 创建另一个layui-card类名的卡片式布局容器 -->
|
|
|
<div class="layui-card-header">学校最新公告</div>
|
|
|
<!-- 设置卡片头部标题为“学校最新公告” -->
|
|
|
<c:forEach items="${notifys}" var="notify">
|
|
|
<!-- 使用JSTL的forEach标签循环遍历名为notifys的集合(可能是从后台传递过来的公告数据集合),每次循环将集合中的一个元素赋值给变量notify -->
|
|
|
<div class="layui-card-body" id="notify">${notify.notifyInfo}<p>${notify.notifyDate}</div>
|
|
|
<!-- 在卡片主体内容区域,使用EL表达式展示当前公告元素(notify)中的notifyInfo(公告信息内容)和notifyDate(公告日期),这里的HTML结构不太规范,<p>标签没有闭合,可能会导致渲染问题 -->
|
|
|
</c:forEach>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<jsp:include page="/footer.jsp"></jsp:include>
|
|
|
<!-- 包含名为footer.jsp的页面内容,通常用于展示页面底部的相关信息,如版权声明、联系方式等 -->
|
|
|
</div>
|
|
|
<script type="text/javascript">
|
|
|
document.onkeydown = function(e) {
|
|
|
e = window.event || e;
|
|
|
var k = e.keyCode;
|
|
|
}
|
|
|
<!-- 给document对象绑定keydown事件监听器,当键盘按键被按下时触发该函数。在函数内将事件对象进行兼容处理(兼容不同浏览器获取事件对象的方式),然后获取按下按键的键码(keyCode),但目前代码里没有针对键码进行后续的具体操作 -->
|
|
|
</script>
|
|
|
<script type="text/javascript">
|
|
|
$("#nav li:nth-child(1)").addClass("layui-nav-itemed");
|
|
|
$("#nav li:nth-child(2)").addClass("layui-nav-itemed");
|
|
|
$("#nav li:nth-child(3)").addClass("layui-nav-itemed");
|
|
|
$("#nav li:nth-child(4)").addClass("layui-nav-itemed");
|
|
|
$("#nav li:nth-child(5)").addClass("layui-nav-itemed");
|
|
|
<!-- 通过jQuery选择器选择id为nav的元素下的第1、2、3、4、5个子元素(li标签),并给它们添加类名为layui-nav-itemed的类,可能是用于设置这些导航项的选中状态等样式相关操作,但前提是页面中存在id为nav的元素且有对应的li子元素,这里没有对jQuery库是否加载成功做判断 -->
|
|
|
</script>
|
|
|
</body>
|
|
|
</html> |