Thymeleaf 常用属性详解：快速入门指南

Thymeleaf 是一款强大的 Java 模板引擎，它允许您在 HTML 代码中使用表达式来动态生成内容。本文将介绍一些常用的 Thymeleaf 属性，帮助您快速上手并构建动态网站。

1. th:text：用于设定元素内文本内容

th:text 属性用于设置元素的文本内容，它可以是静态文本或动态表达式。例如：

<p th:text='${name}'>Hello, World!</p>

2. th:attr：用于设定元素属性值

th:attr 属性用于设置元素的属性值，它可以是静态文本或动态表达式。例如：

<img th:attr='src=${imageUrl}, alt=${imageAlt}' />

3. th:each：用于迭代集合元素，实现列表展示

th:each 属性用于迭代集合元素，并在每次迭代中创建新的元素。例如：

<ul>
  <li th:each='item : ${items}'>
    <a th:href='${item.url}' th:text='${item.name}'></a>
  </li>
</ul>

4. th:if：用于控制元素是否显示

th:if 属性用于判断条件是否满足，仅当条件满足时才显示元素。例如：

<div th:if='${user.isAdmin}'>
  Admin Panel
</div>

5. th:href：用于设定元素的链接地址

th:href 属性用于设置元素的链接地址，它可以是静态文本或动态表达式。例如：

<a th:href='@{/profile}' >Profile</a>

6. th:src：用于设定元素的图片地址

th:src 属性用于设置元素的图片地址，它可以是静态文本或动态表达式。例如：

<img th:src='${imageUrl}' alt='Image'/>

7. th:value：用于设定元素的值

th:value 属性用于设置元素的值，它可以是静态文本或动态表达式。例如：

<input type='text' th:value='${username}' />

8. th:object：用于指定当前表单的对象

th:object 属性用于指定当前表单绑定的对象。例如：

<form th:object='${user}' >
  ...</form>

9. th:field：用于指定表单字段的名称

th:field 属性用于指定表单字段的名称，它通常与 th:object 属性一起使用。例如：

<input type='text' th:field='*{username}' />

10. th:switch、th:case、th:default：用于实现条件判断

th:switch、th:case 和 th:default 属性可以用于实现条件判断，类似于 Java 中的 switch 语句。例如：

<div th:switch='${status}'>
  <div th:case='ACTIVE'>Active</div>
  <div th:case='INACTIVE'>Inactive</div>
  <div th:case='PENDING'>Pending</div>
  <div th:default>Unknown</div>
</div>

以上只是 Thymeleaf 常用属性中的一部分，更多属性和使用方法请参考 Thymeleaf 官方文档。

希望本文能够帮助您更好地理解和使用 Thymeleaf。