오봉이와 함께하는 개발 블로그

스프링 MVC 2 - 타임리프 반복문 본문

BE/Thymeleaf

스프링 MVC 2 - 타임리프 반복문

오봉봉이 2022. 8. 17. 00:13
728x90

반복

타임리프에서 반복은 th:each를 사용한다.
추가로 반복에서 사용할 수 있는 여러 상태 값을 지원한다.

코드

@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);
}
<!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>

반복 기능

<tr th:each="user : ${users}">
반복시 오른쪽 컬렉션(${users})의 값을 하나씩 꺼내서 왼쪽 변수(User)에 담아서 태그를 반복 실행한다.
th:each는 List뿐 아니라 배열, java.util.Iterable, java.util.Enumeration을 구현한 모든 객체를 반복에 사용할 수 있다.
Map도 사용할 수 있는데 변수에 담기는 값은 Map.Entry다.

반복 상태 유지

<tr th:each="user, userStat : ${users}">
두번째 파라미터(여기서는 userStat)를 설정해서 반복의 상태를 확인할 수 있다.
두번째 파라미터는 생략이 가능한데 생략하면 지정한 변수명 + Stat이 된다.

반복 상태 유지 기능
index : 0부터 시작하는 값
count : 1부터 시작하는 값
size : 전체 사이즈
even, odd : 카운트 홀수(odd), 짝수(even) 여부(boolean)
first, last : 첫번째, 마지막 여부(boolean)
current : 현재 객체 (current = BasicController.User(username=userA, age=10))

출처 : 인프런 김영한 지식공유자님 강의 스프링 MVC 2편 - 백엔드 웹 개발 활용 기술
728x90
저작자표시

'BE > Thymeleaf' 카테고리의 다른 글

스프링 MVC 2 - 타임리프 주석  (0) 2022.08.17
스프링 MVC 2 - 타임리프 조건부 평가  (0) 2022.08.17
스프링 MVC 2 - 타임리프 속성 값 설정  (0) 2022.08.16
스프링 MVC 2 - 타임리프 연산  (0) 2022.08.16
스프링 MVC 2 - literal(리터럴)  (0) 2022.08.16
'BE/Thymeleaf' Related Articles more
Comments