@GetMapping("block")
public String block(Model model){
addUsers(model);
return "basic/block";
}간단하게
private void addUsers(Model model){
List<User> list = new ArrayList<>();
list.add(new User("UserA",10));
list.add(new User("UserB",20));
list.add(new User("UserC",30));
model.addAttribute("users",list);
}
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<th:block th:each="user : ${users}">
<div>
사용자 이름1 <span th:text="${user.username}"></span>
사용자 나이1 <span th:text="${user.age}"></span>
</div>
<div>
요약 <span th:text="${user.username} + ' / ' + ${user.age}"></span>
</div>
</th:block>
</body>
</html>이렇게 유일한 th 태그인데, 뭔가 그냥 따로 부모 없이 넣고 싶을 경우, 가상의 블록을 생성해서 넣었다가 뻄.
<th:block th:each="user : ${users}">
<div>
사용자 이름1 <span th:text="${user.username}"></span>
사용자 나이1 <span th:text="${user.age}"></span>
</div>
<div>
요약 <span th:text="${user.username} + ' / ' + ${user.age}"></span>
</div>
</th:block>
이렇게 하면 users 크기만큼 자손들 반복하다가 다 반복하면 저 </th:block th:each="user : ${users}">
</th:block> 이런 거 지움.
'스프링 > 4. 스프링 MVC-2' 카테고리의 다른 글
| 14. 템플릿 조각 (0) | 2023.08.24 |
|---|---|
| 13. 타임리프 상에서 자바스크립트 사용 (0) | 2023.08.24 |
| 11. 타임리프 주석 (0) | 2023.08.23 |
| 10. 타임리프 조건문 (0) | 2023.08.22 |
| 9. 타임리프 반복문 (0) | 2023.08.22 |