Thymeleaf标准表达式

Thymeleaf的官网为: http://www.thymeleaf.org/

一、变量表达式${…}

使用${…}括起来的表达式,称为变量表达式。该表达式的内容会显示在HTML标签体文本处。
该表达式一般都是通过th:text标签属性进行展示的

处理器类

修改index页面

二、选择表达式*{…}

选择表达式,也称为星号表达式,其是使用*{…}括起来的表达式。一般用于展示对象的属性。该表达式的内容会显示在HTML标签体文本处。但其需要与th:object标签属性联用,先使用th:object标签选择了对象,再使用*{…}选择要展示的对象属性。该表达式可以有效降低页面中代码的冗余。
不过,其也可以不与th:object标签联用,在*{…}中直接使用“对象.属性”方式,这种写法与变量表达式相同。
该表达式一般都是通过th:text标签属性进行展示的

(3)URL表达式@{…}

使用@{…}括起来,并且其中只能写一个绝对URL或相对URL地址的表达式,称为URL表达式。这个绝对/相对URL地址中一般是包含有动态参数的,需要结合变量表达式${…}进行字符串拼接。
@{…}中的URL地址具有三种写法。

A、以http协议开头的绝对地址

在进行字符串拼接时使用加号(+)连接,容易出错。但使用双竖线则无需字符串拼接,简单易读。但是,Idea会对其中的问号(?)报错,不过其不影响运行

在页面通过查看源码可以看到其解析结果。当然,对于and符(&)Thymeleaf会将其解析为实体形式(&),但浏览器会对(&)进行正确解析

B、以/开头的相对地址

在URL表达式中,Thymeleaf会将开头的斜杠(/)解析为当前工程的上下文路径ContextPath,而浏览器会自动为其添加“http://主机名:端口号”,即其即为一个绝对路径

在页面通过查看源码可以看到其解析结果中已经添加了上下文路径

C、不以/开头的相对地址

在页面通过查看源码可以看到其解析结果中是未添加任何东西的,即没有上下文路径。也就是说,其是相对于当前请求路径的一个相对地址

三、Thymeleaf常见属性

逻辑运算相关属性

(1) th:if

该属性用于逻辑判断,类似于JSTL中的<c:if/>

(2) th:switch/th:case

一旦某个case与switch的值相匹配了,剩余的case则不再比较。th:case=”*”表示默表示默认的case,前面的case都不匹配时候执行该case

(3) th:each

该属性用于遍历数组、List、Set、Map,类似于JSTL中的<c:forEach/>

A、遍历List
遍历数组、Set与遍历List方式是相同的

B、遍历Map
Map的键值对是一个Map.Entry对象

四、html标签相关

(1) th:text/th:utext

这两个属性均用于在标签体中显示动态文本。但不同的是,th:utext会解析文本中的HTML标签,而th:text则是原样显示

controller

页面


效果


(2) th:name/th:value

该属性用于获取标签动态name属性值,及标签的默认value值

controller

页面

效果

(3) URL路径相关

th:action、th:src、th:href,这三个都是与URL路径相关的属性。若这些URL中包含有动态参数,则它们的值需要URL表达式@{…}与变量表达式${…}配合使用。

controller

页面

 

更多

https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#javascript-inlining

原文地址:https://www.cnblogs.com/edda/p/13261723.html