<table> <tr> <th>房间号</th> <th>房间名</th> <th>房间类型</th> <th>房间位置</th> <th>房间价格</th> <th>餐食供应</th> <th>网络供应</th> <th>房间状态</th> <th>预定</th> </tr> <tr th:each="room : ${rooms}"> <td th:text="${room.r_id}"></td> <td th:text="${room.r_name}"></td> <td th:text="${room.r_type}"></td> <td th:text="${room.r_address}"></td> <td th:text="${room.r_price}"></td> <td th:text="${room.r_food}"></td> <td th:text="${room.r_wifi}==0?'提供':'不提供'"></td> <td th:text="${room.r_state}==0?'可用':'不可用'"></td> <td><input type="checkbox" name="" th:id="${room.r_id}"></td> </tr> </table>添加一个a标签,实现点击后传递id到新的页面
时间: 2024-02-16 18:18:37 浏览: 22
要在每个房间的行中添加一个 `<a>` 标签,并在点击后传递房间ID到新的页面,你可以使用以下代码来实现:
```html
<tr th:each="room : ${rooms}">
<td th:text="${room.r_id}"></td>
<td th:text="${room.r_name}"></td>
<td th:text="${room.r_type}"></td>
<td th:text="${room.r_address}"></td>
<td th:text="${room.r_price}"></td>
<td th:text="${room.r_food}"></td>
<td th:text="${room.r_wifi}==0?'提供':'不提供'"></td>
<td th:text="${room.r_state}==0?'可用':'不可用'"></td>
<td>
<a th:href="@{/roomDetails/{id}(id=${room.r_id})}">查看详情</a>
</td>
</tr>
```
上述代码中,使用了Thymeleaf的URL表达式 `@{/roomDetails/{id}(id=${room.r_id})}` 来构建URL,其中 `{id}` 将会被替换为对应房间的ID。当用户点击链接时,将会跳转到指定URL,并将对应房间的ID作为参数传递到新的页面。
请注意,你需要根据实际情况来修改 `@{/roomDetails/{id}(id=${room.r_id})}` 中的路径和URL模式,以确保能正确跳转到新的页面并传递ID参数。