用户管理 - 用户列表
<p><%@ page language='java' import='java.util.<em>,com.bean.</em>' pageEncoding='utf-8'%>
<jsp:useBean id='db' class='com.bean.LinkBean' scope='session'></jsp:useBean></p>
<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<title>用户列表</title>
<link rel='stylesheet' href='https://cdn.staticfile.org/layui/2.5.6/css/layui.css'>
<script src='https://cdn.staticfile.org/layui/2.5.6/layui.js'></script>
</head>
<body>
<h1>用户列表</h1>
<table class='layui-table'>
<thead>
<tr>
<th>用户名</th>
<th>密码</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<%
ArrayList<Admin> list = db.showAdmin();
for (int i = 0; i < list.size(); i++) {
Admin b = list.get(i);
%>
<tr>
<td><%=b.getName()%></td>
<td><%=b.getPwd()%></td>
<td>
<a class='layui-btn layui-btn-danger layui-btn-sm' href='del.jsp?name=<%=b.getName()%>'' + ' onclick='confirmDelete('<%=b.getName()%>')'>删除</a>
<a class='layui-btn layui-btn-primary layui-btn-sm' href='update.jsp?name=<%=b.getName()%>&pwd=<%=b.getPwd() %>'>修改</a>
</td>
</tr>
<pre><code> <%}%>
</tbody>
<tfoot>
<tr>
<th colspan='3'>
<button class='layui-btn layui-btn-primary' onclick='location.href='login.jsp''>登出</button>
</th>
</tr>
</tfoot>
</table>
</code></pre>
</body>
</html>
<script>
function confirmDelete(name) {
if (confirm('确定要删除用户 ' + name + ' 吗？')) {
// 如果点击确定按钮，则跳转到删除用户的页面
window.location.href = 'deleteUser.jsp?name=' + name;
}
}
</script>
<!-- 页面内容 -->
<!-- 要实现点击删除时弹出对话框询问是否删除，可以使用JavaScript的confirm()函数来实现。
首先，在删除按钮的<a>标签中加入一个onclick事件，调用JavaScript函数confirmDelete()，并传入要删除的用户名作为参数。
修改代码如下：
```html
<a class='layui-btn layui-btn-danger layui-btn-sm' href='del.jsp?name=<%=b.getName()%>'' + ' onclick='confirmDelete('<%=b.getName()%>')'>删除</a>
```
接下来，在页面的<script>标签中添加confirmDelete()函数。
```html
<script>
function confirmDelete(name) {
if (confirm('确定要删除用户 ' + name + ' 吗？')) {
// 如果点击确定按钮，则跳转到删除用户的页面
window.location.href = 'deleteUser.jsp?name=' + name;
}
}
</script>
```
在confirmDelete()函数中，使用confirm()函数来显示一个带有提示信息的对话框。如果用户点击确定按钮，则使用window.location.href来跳转到删除用户的页面，并将要删除的用户名作为参数传递。
在删除用户的页面（如deleteUser.jsp）中，可以根据传递的用户名来执行删除操作。
注意：这里只是简单示例，实际项目中需要根据具体情况进行修改和完善。 -->
原文地址: https://www.cveoy.top/t/topic/fx8o 著作权归作者所有。请勿转载和采集!