thymeleaf语法大全及使用方法
时间: 2023-08-03 15:09:29 浏览: 148
Thymeleaf是一种Java模板引擎,可用于将静态HTML页面与动态数据相结合。下面是Thymeleaf语法的一些常见用法:
1. 变量表达式
```
<span th:text="${user.name}">Name</span>
```
在`th:text`中使用`${}`将动态数据注入到HTML中。
2. 选择表达式
```
<div th:if="${user.isAdmin}">
Admin
</div>
```
使用`th:if`根据条件来控制元素的显示。
3. 迭代表达式
```
<ul>
<li th:each="user : ${users}" th:text="${user.name}"></li>
</ul>
```
使用`th:each`来迭代一个集合,并在每次迭代中使用当前对象的属性。
4. URL表达式
```
<a th:href="@{/user/{id}(id=${user.id})}">User</a>
```
使用`@{}`在HTML中构建URL,并通过`${}`注入参数。
5. 片段表达式
```
<div th:insert="fragments/header :: nav"></div>
```
使用`th:insert`将一个HTML片段插入到另一个HTML页面中。
这些只是Thymeleaf语法的一些常见用法,Thymeleaf还有许多其他特性,如条件显示、循环迭代、片段替换等等。可以参考官方文档以了解更多详细信息。
相关问题
thymeleaf语法大全
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的语法大全,希望能帮助到你!
thymeleaf语法中使用ajax
Thymeleaf语法中可以使用ajax来实现异步请求和更新页面内容。可以使用Thymeleaf提供的th:attr属性来设置ajax请求的url和请求方式,使用th:object属性来设置请求的数据对象,使用th:replace属性来更新页面的内容。同时,还可以使用Thymeleaf提供的th:inline属性来将ajax请求的返回值直接嵌入到页面中。需要注意的是,使用ajax请求时需要引入jQuery或其他的ajax库。
阅读全文