thymeleaf—01—标签和表达式
一、表达式
表达是是标签后的语法:
表达式语法:
1.变量表达式:
2.选择表达式:这个使用的不多,暂时不看
3.链接表达式:链接外部的css样式或者js文件,都用这个。链接表达式是可以传递参数的。
4.消息表达式:(国际化的时候使用)
5.片段表达式
其他表达式:
文本表达式th:text(里面是字符串)
语法太多了,掌握和js差不多的模板字符串就行了,也就是js中的是``, thymeleaf是| |
数字表达式th:text(里面是数字)
根据语法的不一样,有些是字符串链接,有些是数字的相加减;
布尔表达式th:if(boolean)
如果boolean为true,则这个标签显示,否则不显示。
and or 是多个布尔表达式链接起来。
运算符:
1.比较/逻辑运算符
2.三元运算符
上边的其实都是表达式语法,下边的是标签:
二、标签:通过thymaleaf的标签,设置html元素的属性值
我的理解是,在thymeleaf中,th标签表示要引入一个表达式了可以使用变量了,跟vue中的v-on表示要引入表达式可以使用一个变量了一样。
th: 后跟的表示要设置的html的标签,
th:标签= 后跟的是可以计算的表达式。
1.th:attr标签
2.th:value标签:设置value属性的值,比如html的<input>元素
2.th:text标签:设置html元素的值,比如html的<text>元素
2.th:utext标签:设置html元素的值,比如html的<text>元素,但是表达式里的特殊内容不会进行转义
2.th:src标签
2.th:checked标签,后面跟一个boolean表达式
3.th:each标签:
4.th:if和th:unless