th:text > 스프링 부트 - 개발자 노트-헐

[개발] th:text

필기자

2022-10-14 16:45 8,569 0

본문

application.properties 내용 확인

#Live Reload(spring-boot-devtools) 개발시 수정된 소스 자동 빌드 후 로드 spring.devtools.livereload.enabled=true #Thymeleaf cache 클라이언트 캐시 설정 spring.thymeleaf.cache = false

kr/ac/gachon/shop/dto/ItemDto.java 파일 생성 및 작성

@Getter
@Setter
public class ItemDto {

    private Long id;

    private String itemNm;

    private Integer price;

    private String itemDetail;

    private String sellStatCd;

    private LocalDateTime regTime;

    private LocalDateTime updateTime;

}

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

@Controller
@RequestMapping(value="/thymeleaf")
public class ThymeleafExController {
    @GetMapping(value = "/ex01")
    public String thymeleafExample01(Model model) {
        //http://localhost:8080/thymeleaf/ex01
        model.addAttribute("data", "타임리프 예제 입니다.");
        return "thymeleafEx/thymeleafEx01";
    }
    
    @GetMapping(value = "/ex02")
    public String thymeleafExample02(Model model){
        ItemDto itemDto = new ItemDto();
        itemDto.setItemDetail("상품 상세 설명");
        itemDto.setItemNm("테스트 상품1");
        itemDto.setPrice(10000);
        itemDto.setRegTime(LocalDateTime.now());

        model.addAttribute("itemDto", itemDto);
        return "thymeleafEx/thymeleafEx02";
    }    
}

templates/thymeleafEx/thymeleafEx02.html 파일 생성 및 작성

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <h1>상품 데이터 출력 예제</h1>
        <div>
            상품명 : <span th:text="${itemDto.itemNm}"></span>
        </div>
        <div>
            상품상세설명 : <span th:text="${itemDto.itemDetail}"></span>
        </div>
        <div>
            상품등록일 : <span th:text="${itemDto.regTime}"></span>
        </div>
        <div>
            상품가격 : <span th:text="${itemDto.price}"></span>
        </div>
    </body>
</html>

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

20221101135458_58c21c62e2e6f71b42558e4bc6ecc1e2_dvxv.png

댓글목록0

등록된 댓글이 없습니다.