jsp编写程序,在界面中用脚本生成信息表,表格中内容自行设计,以数组或集合的形式存储表格数据,操作栏内提供删除信息和修改信息的超链接
时间: 2024-10-16 09:05:11 浏览: 4
在JSP (Java Server Pages) 编程中,你可以通过结合HTML、CSS和服务器端Java代码来创建动态表格。首先,你需要定义一个数组或集合来存储你要显示的数据。例如,可以使用`ArrayList` 或 `HashMap` 来存储对象,每个对象代表表格的一行。
```jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>动态表格</title>
</head>
<body>
<table id="infoTable">
<tr>
<!-- 定义表头 -->
<th>ID</th>
<th>Name</th>
<th>Email</th>
<th>Action</th>
</tr>
<% // 使用foreach遍历数组或集合
List<DataObject> dataList = ...; // 假设DataObject是你自定义的对象
for(DataObject obj : dataList) { %>
<tr>
<td><%= obj.getId() %></td>
<td><%= obj.getName() %></td>
<td><%= obj.getEmail() %></td>
<!-- 这里使用c:link标签创建超链接 -->
<td>
<a href="#" data-id="<%= obj.getId() %>">修改</a> |
<a href="#" data-id="<%= obj.getId() %>" onclick="return deleteRow(this)">删除</a>
</td>
</tr>
<% } %>
</table>
<script>
function deleteRow(link) {
var id = link.getAttribute('data-id');
if(confirm("确认删除吗?")) {
// 发送Ajax请求或跳转到处理删除操作的页面
return false;
}
return true;
}
</script>
</body>
</html>
```
在这个例子中,我们展示了如何动态生成表格,并在操作栏添加了删除和修改信息的链接。当用户点击“删除”链接时,会弹出确认框询问是否真的要删除。实际操作中,通常需要配合后端Java代码(如Spring MVC)来处理删除和修改操作。
阅读全文