Thymeleaf的th:href标签失效的一种情况分析及解决方案

问题分析

今天在使用Thymeleaf装填Model信息时发现th:href失效了,代码如下:

<a th:href="@{/detail/${plant.id}}">

当点击该链接的时候,跳转到失败页面:
这里写图片描述



提示页面找不到。
在google浏览器下,按F12,点击network,查看源码:


这里写图片描述



发现plant的id并没有被装填进去。于是确定是th:href没有起作用,随后仔细检查,注意到 /$,我们知道, /往往具有转义的作用。所以可能是 /${plant.id} 转义了,当成了普通的字符串,从而没有起作用。

解决方案

于是将代码改为:

<a th:href="@{'/detail/'+${plant.id}}">

测试,成功!链接恢复正常!在这里,避免了‘/’与‘$’的直接接触,从而避免了转义的困扰。

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值