引入静态资源
@{}
<link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
thymeleaf 默认静态资源是在static文件夹下,所以第一个‘/’代表的是static
展示后端数据
${}
public String index(Model model) {
User user = new user("zhangsan",22,"男");
model.addAttribute("user", user);
}
前端取出数据
<p th:text="${user.userBirthday}"></p>
对象数据还可以使用th:object、 ${} 和 *{} 配合使用取数据
<div th:object="${user}">
<p th:text="*{name}"></p>
<p th:text="*{age}"></p>
</div>
循环遍历
后端存数据
public String index(Model model) {
User user1 = new user("zhangsan",22,"男");
User user2 = new user("lisi",21,"男");
User user3 = new user("wangwu",22,"男");
List<User> userList = new List();
model.addAttribute("userlist", userList);
}
前端取数据
<table th:each="user : ${userlist}">
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
<td>
<td th:text="${user.name}"></td>
<td th:text="${user.age}"></td>
<td th:text="${user.sex}"></td>
</td>
</table>
条件控制
<p th:if="${user}!=null" th:text="${user.userBirthday}"></p>
如果不存在user 这个属性 则这个p标签在审查元素中都不会生成