Thymeleaf(2)

本文详细介绍了Thymeleaf模板引擎中遍历功能,包括遍历各种数据结构、使用switch进行条件判断、设置属性值以及布尔表达式的应用。同时提到了一些注意事项,如处理null和空字符串、正确使用if和unless标签以及操作局部变量。
摘要由CSDN通过智能技术生成

遍历

th:each

1.特点

特点:
循环对象如果是null,不存在则不循环
循环包含自身和标签内全部内容
可以遍历的对象: 数组,任何实现java.util.Iterable 接口的对象,枚举,实现Map接口对象

2.遍历List集合

在这里插入图片描述
链接地址,点击后直接跳转到each.html 页面

在这里插入图片描述
在这里插入图片描述

3遍历Map集合

Map
值可以循环,但是顺序无法保证
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4.遍历ListMap集合

在这里插入图片描述
在这里插入图片描述
LIstmap中有两个map集合
ul循环的是listmap中的两个map集合。
li是循环每个map中的元素

在这里插入图片描述
在这里插入图片描述

5.循环数组

在这里插入图片描述
在这里插入图片描述

6.循环下拉列表

在这里插入图片描述
在这里插入图片描述

7循环变量

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.th:swtich

在这里插入图片描述

3.添加属性

追加一个active属性
在这里插入图片描述
给最后一个元素追加属性(stat是自定义名字)
在这里插入图片描述

文本表达式

文本文字只是在单引号之间指定的字符串,可以包含任何字符包括空格
如果字符之中没有空格,可以不加单引号,使用+或|连接文本
在这里插入图片描述
在这里插入图片描述

数字表达式

在这里插入图片描述
在这里插入图片描述
n1 100 n2 20
在这里插入图片描述

布尔表达式

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

null和空字符串

空字符串和NUll值所在的元素会被忽略,当有值时会出现
在这里插入图片描述

逻辑运算符

在这里插入图片描述
如果为假,则内容不显示
在这里插入图片描述

三元运算符

三元运算与js基本一致,如A>B?X:Y,在X Y中可以继续嵌套,只是thymeleaf中需要使用括号括起来否则报错
在这里插入图片描述
在这里插入图片描述

设置属性值

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

th:attr

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
注意:设置点击函数时,onclick时间中的函数要用单引号括起来否则会报错
在这里插入图片描述

判断if&unless

注意:thymeleaf中,true不是唯一满足条件
在这里插入图片描述
在这里插入图片描述

1.th:if

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

2.th:unless

不满足条件时显示片段,类似java中的if的else的部分
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

删除

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

局部变量

在这里插入图片描述

本周总结

我们这组进度还是有点慢,项目要抓紧赶了

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值