From e4090daf79de3fd0bb6afdc8c874ada1a335408d Mon Sep 17 00:00:00 2001
From: pght2c95q <2582048197@qq.com>
Date: Sun, 15 Dec 2024 15:45:26 +0800
Subject: [PATCH] Update getAllAdmin.jsp
---
.../pages/admin/right/getAllAdmin.jsp | 226 +++++++++++-------
1 file changed, 136 insertions(+), 90 deletions(-)
diff --git a/ticketing-master/WebContent/pages/admin/right/getAllAdmin.jsp b/ticketing-master/WebContent/pages/admin/right/getAllAdmin.jsp
index 600cd0a..8f6ca94 100644
--- a/ticketing-master/WebContent/pages/admin/right/getAllAdmin.jsp
+++ b/ticketing-master/WebContent/pages/admin/right/getAllAdmin.jsp
@@ -3,103 +3,149 @@
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%
+ // 获取当前Web应用的上下文路径,该路径通常是部署后的项目名称那部分在URL中的体现,方便后续拼接完整的资源路径等操作
String path = request.getContextPath();
- String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
+ // 构建基础路径,将协议(比如http或者https)、服务器名称、服务器端口以及前面获取的上下文路径组合起来,形成一个完整的基础URL,用于后续准确引用各类资源,像样式文件、脚本文件等
+ String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
-
+
+
+ // 创建一个链接按钮,按钮样式为btn btn-primary radius,添加了相关图标(通过Hui-iconfont字体图标库实现),设置了data-title属性(可能用于后续一些交互提示相关功能),href属性指向添加管理员的JSP页面(通过basePath拼接完整路径),点击该按钮可跳转到添加管理员页面,用于添加新的管理员操作
+ 添加管理员
+
+
共有数据:${adminList.size()} 条
+ // 通过EL表达式${adminList.size()}获取管理员列表的数量并展示出来,用于告知用户当前管理员列表中一共有多少条管理员记录信息
+
+
+ // 创建一个HTML表格,应用了多个类名用于样式设置(如设置表格边框、背景、鼠标悬停效果等),并且设置为响应式表格,使其能在不同屏幕尺寸下有较好的显示效果,该表格用于展示管理员相关信息
+
+
+
+ 序号 |
+ ID |
+ 用户名 |
+ 密码 |
+ 权限代码 |
+ 状态 |
+ 注册时间 |
+ 登录时间 |
+
+ // 定义表格头部行,每一个元素代表表格的一列标题,设置了各列的宽度以及文本居中显示(通过text-c类实现),明确了表格要展示的管理员信息的各个字段名称
+ |
+
+
+ // 使用JSTL的标签对名为adminList的集合(通常是从后端传递过来的管理员数据列表)进行遍历,每次遍历将一个管理员对象赋值给变量admin,同时通过varStatus获取当前遍历的状态信息(比如索引等)
+
+ ${status.index+1} |
+ // 通过status.index获取当前遍历的索引(从0开始),加1后作为序号展示在表格中,用于为每条管理员记录显示一个顺序编号
+ ${admin.adminId} |
+ // 通过EL表达式${admin.adminId}获取管理员对象中的adminId属性值,并展示在表格对应列中,即展示管理员的ID信息
+ ${admin.userName} |
+ // 展示管理员的用户名信息,同样是通过EL表达式获取管理员对象的userName属性值来实现
+ ${admin.password} |
+ // 展示管理员的密码信息,从管理员对象的password属性获取值并在表格中显示,不过在实际应用中,出于安全考虑,密码可能需要进行特殊处理(比如加密显示等),这里只是简单展示原始数据
+ ${admin.flag} |
+ // 获取管理员对象的flag属性值展示在表格中,推测这里的flag可能代表权限相关的标识等含义,用于展示管理员的权限代码信息
+
+ // 使用JSTL的标签进行条件判断,如果管理员对象的isUse属性值等于1(推测这里1表示在线状态),则执行下面的代码块
+ 在线 |
+ // 在表格对应列中显示“在线”字样,并设置文字颜色为绿色,用于直观表示管理员当前处于在线状态
+
+
+ // 如果管理员对象的isUse属性值等于0(推测表示离线状态),则执行下面代码块
+ 离线 |
+ // 在表格对应列中显示“离线”字样,用于表示管理员当前处于离线状态
+
+
+
+ // 使用JSTL的标签对管理员对象的creatTime属性(推测是注册时间)进行格式化处理,按照指定的“yyyy-MM-dd HH:mm:ss”格式将日期时间数据转换为易读的字符串形式并展示在表格中
+ |
+
+
+ // 同样对管理员对象的loginTime属性(推测是登录时间)进行格式化处理并展示在表格对应列中,将日期时间数据以规定格式显示出来
+ |
+
+
+
+
+
+
+
+ // 引入jQuery库的压缩版本,jQuery是一个非常常用的JavaScript库,它提供了便捷的DOM操作、事件处理、动画效果等功能,方便在页面中编写各种交互逻辑
+
+ // 引入layer.js脚本文件,该文件常用于在页面中创建弹出层、对话框等交互效果,比如显示提示信息框、确认框等,能够增强用户与页面之间的交互体验
+
+ // 引入H-ui框架的JavaScript脚本文件,用于实现该框架相关的交互功能,例如表单验证、菜单切换、页面组件的动态效果等,配合前面引入的框架样式文件,完善框架在页面中的功能应用
+
+ // 引入H-ui.admin框架的JavaScript脚本文件,用于实现后台管理相关的特定功能逻辑,比如数据表格操作、权限管理等与后台业务相关的交互功能
+
-
-
-
-
-
+
+ // 引入My97DatePicker日期选择器的脚本文件,可能用于在页面中实现日期相关的输入选择功能,虽然当前页面代码中未看到明显使用场景,但也许在后续业务扩展或者其他交互需求中会用到
+
+ // 引入jQuery DataTables插件的脚本文件,该插件可以对HTML表格进行增强,提供诸如排序、分页、搜索等丰富的功能,方便用户对表格数据进行操作和查看
+
+ // 引入laypage.js脚本文件,通常用于实现分页功能相关的逻辑,比如生成分页导航条、处理分页相关的交互操作等,可能与前面的DataTables插件配合使用来完善分页效果
+
+
-
-
-
+