thymeleaf语法大全
时间: 2023-08-15 14:07:27 浏览: 95
Thymeleaf是一个流行的服务器端Java模板引擎,它提供了一套丰富的语法和标签,让开发者可以更加方便地处理HTML模板。以下是Thymeleaf的语法大全:
1. 基本语法
Thymeleaf的基本语法是使用${}表示表达式,例如:
```
<p th:text="${user.name}">John Doe</p>
```
上面的代码会将user对象中的name属性的值显示在页面上。
2. 属性设置
Thymeleaf可以在HTML标签中添加属性,例如:
```
<img src="image.png" th:src="@{${user.avatarUrl}}" />
```
上面的代码中,使用@{}包裹表达式,将${user.avatarUrl}的值设置为img标签的src属性。
3. 条件判断
Thymeleaf支持if/else条件判断语句,例如:
```
<p th:if="${user.isAdmin}">Welcome Admin</p>
```
上面的代码中,如果user.isAdmin为true,则显示“Welcome Admin”。
4. 列表循环
Thymeleaf可以通过th:each指令实现列表循环,例如:
```
<ul>
<li th:each="item : ${items}" th:text="${item}"></li>
</ul>
```
上面的代码中,将items列表中的每个元素显示在li标签中。
5. 模板继承
Thymeleaf支持模板继承,可以在父模板中定义公共部分,例如:
父模板:
```
<html>
<head th:fragment="head">
<title>My Website</title>
<link href="style.css" rel="stylesheet" />
</head>
<body>
<header th:fragment="header">
<h1>My Website</h1>
</header>
<div th:fragment="content"></div>
<footer th:fragment="footer"></footer>
</body>
</html>
```
子模板:
```
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
th:include="layout/layout :: head">
<body>
<div th:include="layout/layout :: header"></div>
<div th:replace="content"></div>
<div th:include="layout/layout :: footer"></div>
</body>
</html>
```
上面的代码中,子模板使用th:include指令引入父模板的公共部分,使用th:replace指令替换content内容。
6. URL处理
Thymeleaf可以处理URL,例如:
```
<a th:href="@{http://www.example.com}">Example Website</a>
```
上面的代码中,将链接指向http://www.example.com。
以上是Thymeleaf的语法大全,希望能帮助到你!
阅读全文