1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > thymeleaf 如何用th:each 做条件遍历

thymeleaf 如何用th:each 做条件遍历

时间:2021-09-17 08:41:52

相关推荐

thymeleaf 如何用th:each 做条件遍历

更多内容,点击了解:/k/springboot/springboot-interation/1740.html

目录

步骤1:基于前面的知识点

步骤2:先运行,看到效果,再学习

步骤3:模仿和排错

步骤4:TestController

步骤5:普通遍历

步骤6:带状态的遍历

步骤7:结合 select

步骤8:结合 单选框

步骤9:完整的 test.html

步骤10:重启测试

步骤1:基于前面的知识点

本知识点是建立在上一个知识点可运行项目的基础上进行的改进,所以最好把上个知识点理解和消化了.

步骤2:先运行,看到效果,再学习

老规矩,先下载下载区(点击进入)的可运行项目,配置运行起来,确认可用之后,再学习做了哪些步骤以达到这样的效果。

运行Application.java 然后访问如下测试地址:

可以看到如图所示的集中常见遍历需求

1. 单纯表格

2. 取status值的表格

3. 下拉框

4. 单选框

步骤3:模仿和排错

在确保可运行项目能够正确无误地运行之后,再严格照着教程的步骤,对代码模仿一遍。

模仿过程难免代码有出入,导致无法得到期望的运行结果,此时此刻通过比较正确答案( 可运行项目 ) 和自己的代码,来定位问题所在。

采用这种方式,学习有效果,排错有效率,可以较为明显地提升学习速度,跨过学习路上的各个槛。

推荐使用diffmerge软件,进行文件夹比较。把你自己做的项目文件夹,和我的可运行项目文件夹进行比较。

这个软件很牛逼的,可以知道文件夹里哪两个文件不对,并且很明显地标记出来

这里提供了绿色安装和使用教程:diffmerge 下载和使用教程

步骤4:TestController

准备集合 List<Product> 用于视图上显示。

需要注意的是 第5个产品用的是 currentProduct

步骤5:普通遍历

使用 th:each 遍历

步骤6:带状态的遍历

使用 th:each="p,status: ${ps} 方式遍历就把状态放在 status里面了, 同时还用3元表达式判断奇偶

status里还包含了如下信息:

index 属性, 0 开始的索引值

count 属性, 1 开始的索引值

size 属性, 集合内元素的总量

current 属性, 当前的迭代对象

even/odd 属性, boolean 类型的, 用来判断是否是偶数个还是奇数个

first 属性, boolean 类型, 是否是第一个

last 属性, boolean 类型, 是否是最后一个

步骤7:结合 select

还是用 th:each,但是放在option元素上,就可以遍历出多个下拉框出来了。

其中 th:selected 表示被选中的项。

步骤8:结合 单选框

单选框也是同样的做法,其中 th:checked用于判断是否选中

步骤9:完整的 test.html

完整的 test.html

步骤10:重启测试

重新运行 Application.java, 然后测试

更多内容,点击了解:/k/springboot/springboot-interation/1740.html

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。