jsp生成一个三行十列的表格
时间: 2024-02-12 20:02:21 浏览: 113
以下是使用 JSP 生成一个三行十列的表格的示例代码:
```
<table border="1">
<tr>
<th>列1</th>
<th>列2</th>
<th>列3</th>
<th>列4</th>
<th>列5</th>
<th>列6</th>
<th>列7</th>
<th>列8</th>
<th>列9</th>
<th>列10</th>
</tr>
<%
for(int i=1; i<=3; i++){
%>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<% } %>
</table>
```
此代码使用了一个 for 循环,在每行中生成了 10 个空单元格。您可以在单元格中添加内容,例如使用 JSP 表达式插入变量。
相关问题
用jsp创建一个动态表格
在JSP(JavaServer Pages)中创建动态表格通常涉及到HTML、CSS和服务器端脚本(如Java或Servlet)。以下是一个简单的例子来说明如何操作:
```jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>动态表格</title>
<!-- 引入基本样式表 -->
<style>
table {
border-collapse: collapse;
width: 100%;
}
th, td {
padding: 8px;
text-align: left;
border-bottom: 1px solid #ddd;
}
</style>
</head>
<body>
<table id="dynamicTable">
<tr>
<th>ID</th>
<th>Name</th>
<th>Email</th>
</tr>
<% // 这里使用JSP EL或者JSTL标签来动态生成数据
List<User> userList = (List<User>) session.getAttribute("userList");
for (User user : userList) { %>
<tr>
<td><%= user.getId() %></td>
<td><%= user.getName() %></td>
<td><%= user.getEmail() %></td>
</tr>
<% } %>
</table>
<!-- 添加分页或者其他交互功能需要时可以添加在这里 -->
</body>
</html>
```
在这个例子中,我们首先设置了页面的基本结构,包括一个包含三列(ID、Name、Email)的表格。然后,在服务器端的循环中,我们假设有一个`userList`集合存储了用户数据,通过JSP表达式将每个用户的属性插入到表格行中。
请注意,这只是一个基础示例,实际应用可能还需要处理更多的细节,比如从数据库查询数据、使用JSTL标签库或者AJAX实现动态加载等。
java web如何用for循坏写一个11行3列的表格
在Java Web中,我们可以使用JSP(JavaServer Pages)模板语言来创建一个HTML表格,并通过for循环动态生成内容。下面是一个示例,展示如何用for循环来构建一个11行3列的表格:
```jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>11行3列表格</title>
</head>
<body>
<table border="1">
<tr>
<%-- 开始循环 --%>
<c:forEach items="${range(1, 12)}" var="rowIndex">
<c:if test="${rowIndex <= 11}">
<td>${rowIndex}</td>
<!-- 如果当前行不满3列,则继续添加空<td></td> -->
<c:if test="${rowIndex % 3 != 0}">
<td> </td>
</c:if>
</c:if>
<!-- 每隔三行结束一行 -->
<c:if test="${rowIndex % 3 == 0}">
</tr><tr>
</c:if>
</c:forEach>
</tr>
</table>
</body>
</html>
<script type="text/javascript">
// JavaScript function to create range from 1 to n (在这里n为12)
function range(n) {
let arr = [];
for (let i = 1; i <= n; i++) {
arr.push(i);
}
return arr;
}
</script>
</body>
</html>
```
在这个例子中,我们使用了JSTL标签库(`<c:forEach>` 和 `<c:if>`),配合JavaScript函数`range`来生成数字数组。每三行打印一次换行符,不足三列的行则添加占位符` `。
阅读全文