타임리프에서 반복문을 th:each로 사용할 수 있다.
실습을 위해 List에 User객체 3명을 넣어서 Model에 담아준다.
@GetMapping("/each")
public String each(Model model){
addUsers(model);
return "basic/each";
}
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);
}
<each.html>
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>기본 테이블</h1>
<table border="1">
<tr>
<th>username</th>
<th>age</th>
</tr>
<tr th:each="user : ${users}">
<td th:text="${user.username}">username</td>
<td th:text="${user.age}">0</td>
</tr>
</table>
<h1>반복 상태 유지</h1>
<table border="1">
<tr>
<th>count</th>
<th>username</th>
<th>age</th>
<th>etc</th>
</tr>
<tr th:each="user, userStat : ${users}">
<td th:text="${userStat.count}">username</td>
<td th:text="${user.username}">username</td>
<td th:text="${user.age}">0</td>
<td>
index = <span th:text="${userStat.index}"></span>
count = <span th:text="${userStat.count}"></span>
size = <span th:text="${userStat.size}"></span>
even? = <span th:text="${userStat.even}"></span>
odd? = <span th:text="${userStat.odd}"></span>
first? = <span th:text="${userStat.first}"></span>
last? = <span th:text="${userStat.last}"></span>
current = <span th:text="${userStat.current}"></span>
</td>
</tr>
</table>
</body>
</html>
each.html 에서 th:each를 통해 List의 User를 반복 출력했다.
<tr th:each="user : ${users}">
<td th:text="${user.username}">username</td>
<td th:text="${user.age}">0</td>
</tr>
반복문 실행 결과
이러한 기능 외에도 타임리프는 반복의 상태를 확인할 수 있도록 해준다.
<tr th:each="user, userStat : ${users}">이 코드를 통해 반복 상태를 확인 가능한데, Stat은 생략 가능하다.
<tr th:each="user, userStat : ${users}">
<td th:text="${userStat.count}">username</td>
<td th:text="${user.username}">username</td>
<td th:text="${user.age}">0</td>
<td>
index = <span th:text="${userStat.index}"></span>
count = <span th:text="${userStat.count}"></span>
size = <span th:text="${userStat.size}"></span>
even? = <span th:text="${userStat.even}"></span>
odd? = <span th:text="${userStat.odd}"></span>
first? = <span th:text="${userStat.first}"></span>
last? = <span th:text="${userStat.last}"></span>
current = <span th:text="${userStat.current}"></span>
</td>
index : 0부터 시작하는 값
count : 1부터 시작하는 값
size : 전체 사이즈
even , odd : 홀수, 짝수 여부(boolean)
first , last : 처음, 마지막 여부(boolean)
current : 현재 객체
'BackEnd > Thymeleaf' 카테고리의 다른 글
| 타임리프 - 블록 (0) | 2024.07.19 |
|---|---|
| 타임리프 - 조건문 (0) | 2024.07.19 |
| 타임리프-속성값 설정 (0) | 2024.07.19 |
| 타임리프 - 리터럴 (0) | 2024.07.16 |
| 타임리프-URL 링크 (0) | 2024.07.16 |