博客 / 2024

Thymeleaf(2)

返回博客 <

遍历

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的部分 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述

删除

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

局部变量

在这里插入图片描述

本周总结

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


查看 CSDN 原文