th:if, th:unless, th:switch, th:case > 스프링 부트

[개발] th:if, th:unless, th:switch, th:case

필기자

2022-10-14 17:22 8,128 0

본문

kr/ac/gachon/shop/controller/ThymeleafExController.java 내용 추가

@Controller
@RequestMapping(value="/thymeleaf")
public class ThymeleafExController {
    .
    .
    .
    @GetMapping(value = "/ex04")
    public String thymeleafExample04(Model model){

        List<ItemDto> itemDtoList = new ArrayList<>();

        for(int i=1;i<=10;i++){

            ItemDto itemDto = new ItemDto();
            itemDto.setItemDetail("상품 상세 설명"+i);
            itemDto.setItemNm("테스트 상품" + i);
            itemDto.setPrice(1000*i);
            itemDto.setRegTime(LocalDateTime.now());

            itemDtoList.add(itemDto);
        }

        model.addAttribute("itemDtoList", itemDtoList);
        return "thymeleafEx/thymeleafEx04";
    }
}

templates/thymeleafEx/thymeleafEx04.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">
   <thead>
   <tr>
      <td>순번</td>
      <td>상품명</td>
      <td>상품설명</td>
      <td>가격</td>
      <td>상품등록일</td>
   </tr>
   </thead>
   <tbody>
   <tr th:each="itemDto, status: ${itemDtoList}">
      <!--
      <td th:switch="${status.even}">
         <span th:case=true>짝수</span>
         <span th:case=false>홀수</span>
      </td>
      -->
      <td th:if="${status.even}" th:text="짝수"></td>
      <td th:unless="${status.even}" th:text="홀수"></td>
      <td th:text="${itemDto.itemNm}"></td>
      <td th:text="${itemDto.itemDetail}"></td>
      <td th:text="${itemDto.price}"></td>
      <td th:text="${itemDto.regTime}"></td>
   </tr>
   </tbody>
</table>
</body>
</html>

결과 http://localhost:8080/thymeleaf/ex04

20221101135037_58c21c62e2e6f71b42558e4bc6ecc1e2_fzu0.png

댓글목록0

등록된 댓글이 없습니다.