thymeleaf的小bug之th:each与＜a＞标签在循环建表时只能定位和点击最后一行

最新推荐文章于 2022-04-04 11:57:04 发布
最新推荐文章于 2022-04-04 11:57:04 发布
阅读量576 收藏
点赞数
分类专栏： JavaEE网站建设 文章标签： thymeleaf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43827530/article/details/117979854
版权

先看问题：
在这里插入图片描述
在实验室列表是用th:each弄的循环建立卡片：
其对应代码是：
在这里插入图片描述前端倒是也能看到3个div,但是无论是点进去还是检查元素，都是只能进入最后一个的链接，也就是

href = /labdetails?labid = 1003;

非常奇怪，思考了很久，最后发现改成

 <a type="button" class="btn btn-primary" th:href="@{labDetails(labId=${labBean.labId})}">进入实验室</a>

在这里插入图片描述
就可以了
在这里插入图片描述

蓝冰lanbing
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
循环按钮添加事件总是执行最后一个的解决办法汇总
oiu1010110的博客
03-17 1618
当我想要给一组链接添加点击事件,改变当前点击的链接的字体颜色时，很快这样的代码出现了，并且是确实成功改变了当前的点击的字体的颜色。 HTML: 按钮1 按钮2 按钮3 按钮4 按钮5 按钮6 按钮7 按钮8 按钮9 JS： window.onload = function () { var aa = document.getElementsByTagNa
thymeleaf模板html a标签,Thymeleaf常用语法：模板片断
weixin_42366954的博客
06-27 890
Thymeleaf常用语法：模板片断系统中的很多页面有很多公共内容，例如菜单、页脚等，这些公共内容可以提取放在一个称为“模板片断”的公共页面里面，其它页面可以引用这个“模板片断”内容。一、模板片断的定义可以是html标签，也可以使用th:fragment属性定义片断。二、引用片断1、使用th:insert属性插入片断，除此之外，还可以使用th:replace和th:include插入。语法：(1)...
Thymeleaf 语法详解
老隋的播客
04-04 874
目录 一.变量输出与字符串操作 1.1th:text 1.2 th:value 二.对字符串的处理 三.日期格式化处理 四.条件判断 4.1 th:if 4.2th:switch 五.迭代遍历 5.1 th:each 5.2 th:each 状态变量 5.3th:each 迭代 Map 六.域对象操作 6.1HttpServletRequest 6.2...
Thymeleaf a标签带值跳转
mayday_sanshui的博客
04-04 2640
使用场景 在商品列表页面，点击商品栏的“详情”按钮，跳转到该商品的详细信息页面 <tr> <th width="5%">编号</th> <th width="7%">图片</th> <th width="15%">商品名称</th> <th width="10%">商品类别</th> <th width="10%">状态</
thymeleaf的th:each常见用法
weixin_34417183的博客
08-20 4395
thymeleaf的th:each常见用法 一.th:eath迭代集合用法: <table border="1" id="stuTable"> <tr> <td>是否选中</td> <td>编号</td&...
thymeleaf实现th:each双重多重嵌套功能
10-15
在本示例中，我们将探讨如何使用Thymeleaf的`th:each`指令来实现HTML模板中的双重或多重嵌套循环，以便动态加载一二级文章分类。Thymeleaf是一个强大的服务器端模板引擎，常用于Spring Boot项目，用于生成动态HTML...
Thymeleaf中th:each及th:if使用方法解析
09-07
本文将深入探讨Thymeleaf中的两个关键指令：`th:each` 和 `th:if`。 ### 一、th:each `th:each` 指令主要用于遍历数据集合，这些集合通常由控制器（Controller）传递到视图（View）。例如，以下是一个简单的控制器...
thymeleaf循环遍历集合并呈现在表格中
12-14
Thymeleaf是一个强大的模板引擎，它在Spring MVC等框架中广泛使用，可以用来替代传统的JSP技术。Thymeleaf允许开发者使用自然语言般的HTML模板来动态渲染内容，使得前端代码更加清晰、易于理解和维护。 在本例中，...
thymeleaf的th标签
08-24
th:onclick 标签用来设置点击事件，例如：<div th:onclick="'getCollect()'" /> th:each th:each 标签用来属性赋值，例如：<tr th:each="user,userStat:${users}">...</tr> th:if th:if 标签用来判断条件，例如：...
spring-th-mvc:Thymeleaf与Marcio Ballem教授共同为Spring Boot和MVC课程提供的Spring项目
04-20
例如，可以通过`th:text="${var}"`来设置元素文本，`th:if="..."`和`th:unless="..."`用于条件判断，`th:each="item : ${list}"`进行循环遍历。 在"spring-th-mvc-main"这个项目中，我们可以预期包含以下内容： - `...
Thymeleaf3语法详解和实战
weixin_34348111的博客
04-13 490
Thymeleaf3语法详解 Thymeleaf是Spring boot推荐使用的模版引擎，除此之外常见的还有Freemarker和Jsp。Jsp应该是我们最早接触的模版引擎。而Freemarker工作中也很常见（Freemarker教程）。今天我们从三个方面学习Thymeleaf的语法：有常见的TH属性，四种标准表达式用法，在Sprin...
java th标签_Thymeleaf中th:each及th:if使用方法解析
weixin_42115513的博客
02-25 2279
一、th:each作用：用于遍历controller层发送过来的集合。例：Controller代码：@Controllerpublic class HelloController {@RequestMapping("/success")public String success(Map map){map.put("users", Arrays.asList("张三","李四","王五"));ret...
Thymeleaf 基本用法
Gloria的博客
02-28 2164
**Thymeleaf 基本用法总结**Thymeleaf引用命名空间标准表达式链接URL引入js与css在其他文件引入head部分a标签img标签获取变量值文本输出算术运算条件表达式条件判断迭代（for循环）保持迭代的状态切换语句（switch）模版布局th:insert和th:replace（和th:include）之间的区别内联表达式内联文字内联JavaScript内联CSS内联表达式实用程...
thymeleaf中each的使用
feng905001561的专栏
09-18 3201
在上面代码中，prod: $ {prods}属性值意味着“对于$ {prods}的结果中的每个元素，循环迭代当前模板片段，并使用名为"prod"的变量中作为当前迭代元素来填充模版数据。让我们给迭代过程中的每个部分赋予一个名字: ·我们称${prods}迭代表达式或被迭代变量。 ·我们称prod为迭代变量或简单的iter变量。 请注意，prod iter变量的作用域为元素，这意味着它可用于内部标记，如<td>。 被迭代变量的值类型 java.util.List类型不是可以在Thymeleaf中使.
Thymeleaf中的th:each
qq_43677686的博客
02-13 3461
Thymeleaf中的th:each 今天在学习thymeleaf时，发现自己对一直在用的th:each好像了解的不够透彻，以至于在看到下面的这句话的时候居然没有看懂，当时就被卡在了这个count上，于是想写一篇博客记录一下。 <tr class="text-c" th:each="dataFrequencyConverter,count:${pageInfo.list}"> &lt...
thymeleaf标签 th:each的使用
木鱼wzh的博客
03-16 1万+
&lt;div class="item active" th:if="${iterStat.index==0}" th:each="img,iterStat:${pics}"&gt; 　　&lt;img th:src="${img.path}" style="width: 303px;height: 171px;"/&gt; &lt;/div&gt;
Thymeleaf模板引擎常用属性之 th:each迭代循环
热门推荐
liubin5620的博客
05-27 6万+
thymeleaf模板引擎常用属性之 th:each迭代循环。
thymeleaf循环&url引用（th:each/href）
czchenzhou的博客
10-27 3120
&lt;ul th:each="school : ${schools}"&gt; &lt;a th:href="@{${school.schoolurl}}"&gt;&lt;li th:text="${school.schoolname}"&gt;学校&lt;/li&gt;&lt;/a&gt; &lt;/ul&gt; 这里渲染进来的url前面是带l
thymeleaf如何将<a>标签与<button>标签结合
最新发布
04-29
Thymeleaf 可以将 `<a>` 标签和 `<button>` 标签结合在一起，实现类似按钮的效果。可以通过设置 `th:href` 属性来指定链接地址，通过设置 `th:text` 属性来指定按钮显示的文本。 例如，下面的代码将通过 Thymeleaf 实现一个链接按钮： ```html <a th:href="@{/page}" class="btn btn-primary">Go to page</a> ``` 在这个例子中，`th:href` 属性指定了链接的地址，`class` 属性设置了按钮的样式，`th:text` 属性设置了按钮显示的文本。 如果要将 `<button>` 标签和 `<a>` 标签结合在一起，可以使用 Thymeleaf 的条件表达式来实现。例如，下面的代码将通过 Thymeleaf 实现一个链接按钮和一个提交按钮： ```html <a th:href="@{/page}" class="btn btn-primary" th:text="${condition} ? 'Go to page' : 'Disabled'"></a> <button type="submit" th:disabled="${condition}" class="btn btn-primary" th:text="Submit"></button> ``` 在这个例子中，我们使用了 Thymeleaf 的条件表达式来决定哪个按钮应该显示。如果 `condition` 为 `true`，则显示链接按钮，否则显示禁用的提交按钮。同时，我们还使用了 Thymeleaf 的 `th:disabled` 属性来禁用提交按钮。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值