spring Boot thymeleaf在html循环model后查看详情,修改,删除超链接 a href属性的填写

本文详细介绍了如何在后台管理系统中使用Thymeleaf模板引擎结合LayUI前端框架实现数据展示与交互。通过具体代码示例,展示了表格数据的动态渲染、状态显示及操作按钮的生成过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<form class="layui-form">
	<span th:if="${admin_list != null }" th:each="admin_list,adminListStat:${admin_list}">
		<tr>
			<td>
				<input type="checkbox" name=""  lay-skin="primary">
			</td>
			<td th:text="${admin_list.id}"></td>
			<td th:text="${admin_list.admin_name}"></td>
			<td th:text="${admin_list.admim_truename}"></td>
			<td>
				<span th:if="${admin_list.admin_sex==1}">男</span>
				<span th:if="${admin_list.admin_sex==2}">女</span>
				<span th:if="${admin_list.admin_sex==0}">保密</span>
			</td>
			<td>
				<span th:if="${admin_list.admin_authorities==0}">超级管理员</span>
				<span th:if="${admin_list != null }" th:each="authorities_list,authoritiesListStat:${authorities_list}">
				    <span th:if="${authorities_list.id == admin_list.admin_authorities}" th:text="${authorities_list.authorities_name}"></span>
				</span>
			</td>
			<td >
				<span th:if="${admin_list.create_ip=='0:0:0:0:0:0:0:1'}">127.0.0.1</span>
				<span th:if="${admin_list.create_ip!='0:0:0:0:0:0:0:1'}" th:text="${admin_list.create_ip}"></span>
			</td>
			<td>
				<span th:if="${admin_list.state==1}">正常</span>
				<span th:if="${admin_list.state==0}">受限</span>
			</td>
			<td>
				<a th:href="@{'AdminInfo?id='+${admin_list.id}}" title="查看" class="layui-btn layui-btn-xs layui-btn-normal">
					 <icon class="layui-icon">&#xe60b;</icon>
				</a>
				<a th:href="@{'AdminEdit?id='+${admin_list.id}}" title="编辑" class="layui-btn layui-btn-xs layui-btn-normal">
					  <icon class="layui-icon">&#xe642;</icon>
				</a>
				<a th:href="@{'AdminDelete?id='+${admin_list.id}}" title="删除" class="layui-btn layui-bg-red layui-btn-xs layui-btn-normal">
					  <icon class="layui-icon">&#xe640;</icon>
				</a>
			</td>
		</tr>
	</span>
</form>

a的写法为:

<a th:href="@{'AdminInfo?id='+${admin_list.id}}" title="查看" class="layui-btn layui-btn-xs layui-btn-normal">
	<icon class="layui-icon">&#xe60b;</icon>
</a>
<a th:href="@{'AdminEdit?id='+${admin_list.id}}" title="编辑" class="layui-btn layui-btn-xs layui-btn-normal">
	<icon class="layui-icon">&#xe642;</icon>
</a>
<a th:href="@{'AdminDelete?id='+${admin_list.id}}" title="删除" class="layui-btn layui-bg-red layui-btn-xs layui-btn-normal">
	<icon class="layui-icon">&#xe640;</icon>
</a>

 

### 使用 Thymeleaf 实现页面跳转的方法 在 Spring Boot 应用程序中,通过集成 Thymeleaf 可以方便地处理视图层逻辑。为了实现页面之间的跳转,在控制器方法返回特定字符串时会触发相应的 HTML 文件加载[^1]。 #### 控制器配置示例 当定义了一个处理器映射到 `/login` URL 上,并且接收到 GET 请求时,可以指定渲染 `login.html` 页面: ```java @RequestMapping(value = "/login", method = RequestMethod.GET) public String showLoginForm() { return "login"; // 对应 resources/templates/login.html } ``` 如果希望从一个动作完成后重定向至另一个路径,则可以在控制器内使用 `redirect:` 前缀来指示目标位置: ```java @PostMapping("/process_login") public String processLogin(Model model, @RequestParam String username) { model.addAttribute("username", username); return "redirect:/welcome"; } ``` 上述代码片段展示了 POST 请求提交表单数据给 `/process_login` 后端点之后,服务端将响应设置为 HTTP 302 Found 并附带 Location 头指向新的 URI `/welcome` ,浏览器随后发起对该地址的新请求从而完成页面间的转换操作[^5]。 #### 模板文件中的链接构建 除了服务器端控制外,也可以利用 Thymeleaf属性表达式语法直接在前端创建超链接或按钮用于导航目的。例如下面这段HTML代码会在点击后发送GET请求前往 `/logout` 地址: ```html <a href="#" th:href="@{/logout}">Logout</a> <!-- 或者 --> <button onclick="location.href='@{/logout}'" th:onclick="'javascript:location.href=\'' + @{/logout} + '\';'">Log Out</button> ``` 这里使用的 `@{...}` 是一种特殊形式的URL链接生成函数,它能够帮助开发者更安全有效地拼接相对路径而不用担心跨站脚本攻击等问题的发生[^4]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小张帅三代

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值