You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
text1/web/WEB-INF/admin/aIndex.jsp

188 lines
13 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<%@ 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" %>
<!-- 引入JSTLJavaServer 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>