thymeleaf标签用法

2024年1月30日发(作者：)

thymeleaf标签用法

Thymeleaf是一种基于XML/XHTML/HTML5的模板引擎，它允许我们在模板中使用丰富的标签来生成动态页面。在本文中，我们将介绍一些常用的Thymeleaf标签用法，帮助您更好地使用这个强大的模板引擎。

1. 选择器

在Thymeleaf中，我们可以使用选择器来选择HTML标签或属性，并对其进行操作。常用的选择器有以下几种：

* id选择器：使用“#”符号加上id名称来选择特定的元素，例如“#myId”。

* 类选择器：使用“.”符号加上类名称来选择拥有该类的元素，例如“.myClass”。

* 属性选择器：使用方括号[]形式来选择具有特定属性的元素，例如“[data-attribute]”选取所有具有“data-attribute”属性的元素。

2. 变量表达式

Thymeleaf中的变量表达式用于表示模板中的动态数据，可以嵌套在HTML标签中，例如：

```

Default message

```

这个例子中，变量表达式“${message}”将在运行时被替换为名 - 1 -

为“message”的变量的值。如果变量不存在，则显示“Default

message”。

3. 迭代器

在Thymeleaf中，我们可以使用迭代器来遍历集合，并根据集合大小重复HTML标签。常用的迭代器有以下几种：

* th:each：使用th:each可以遍历集合中的元素，例如：

```

• Item

```

这个例子中，变量表达式“${items}”将被遍历，并将每个元素绑定到变量“item”上。

* th:if/th:unless：使用th:if和th:unless可以根据条件重复HTML标签，例如：

```

```

这个例子中，如果变量“isAdmin”为真，则显示欢迎消息。

4. URL和表单绑定

- 2 -

在Thymeleaf中，我们可以使用URL和表单绑定来处理HTTP请求和响应。常用的URL和表单绑定有以下几种：

* th:href：使用th:href可以在HTML标签中生成带有参数的URL，例如：

```

th:href='@{/user/{userId}/edit(userId=${})}'>Edit

```

这个例子中，变量表达式“${}”将被替换为当前用户的ID，生成带有ID参数的URL。

* th:action：使用th:action可以在HTML表单中指定HTTP请求的目标URL，例如：

```

```

这个例子中，表单将提交到“/user/save”URL。

总结

以上是Thymeleaf中常用的一些标签用法，它们可以帮助我们更好地处理动态数据和HTTP请求/响应。如果您正在使用Thymeleaf， - 3 -

希望这些标签用法能够帮助您更好地使用这个强大的模板引擎。

- 4 -