Thymeleaf - 기본

Codren·2021년 9월 22일
0

Spring Boot 쇼핑몰

목록 보기
9/32

Section 1. Thymeleaf

1. Thymeleaf

컨트롤러가 전달한 가공된 데이터를 이용하여 동적으로 화면을 구성하도록 지원하는 템플릿 엔진



2. Thymeleaf 장점

  • html 파일을 서버 사이드 렌더링을 하지 않고 브라우저에 띄워도 정상적으로 동작
    - 디자이너 또는 퍼블리셔가 자신이 작업한 내용을 바로 열어서 확인 가능
    - 개발자는 html 파일을 받아서 html 태그 안에 Thymeleaf 문법을 추가



Section 2. th : text

1. 상품 데이터 출력용 DTO 클래스

  • 상품 (Entity) 클래스 자체를 반환 하지 않고 DTO 객체 이용




2. 상품 DTO 출력 Controller




3. 상품 DTO 출력 Thymeleaf




4. 출력 결과




Section 3. th : each

1. 상품 DTO 출력 Controller




2. 상품 DTO 출력 Thymeleaf




3. 출력 결과

  • status 에는 현재 반복에 대한 상태 데이터 존재

  • 상태 데이터에서 index를 출력



Section 4. th : if / th : unless

1. 상품 DTO 출력 Controller

  • 위와 동일 (return html 파일 이름만 변경)




2. 상품 DTO 출력 Thymeleaf

  • 위와 동일 (순번 처리 부분만 변경)




3. 출력 결과




Section 5. th : switch / th : case

1. 상품 DTO 출력 Controller

  • 위와 동일 (return html 파일 이름만 변경)




2. 상품 DTO 출력 Thymeleaf

  • 위와 동일 (순번 처리 부분만 변경)




3. 출력 결과




Section 6. th : href

1. URL 종류

  • Absolute URL - 절대 경로 (http://...)
  • Context-relative URL - 상대 경로(웹 애플리케이션 루트 기준)




2. 링크 처리 Controller

  • th : href 를 통해서 들어오는 파라미터를 받을 수 있음
  • (Model model,... 순서 상관 없음)




3. 링크 처리 Thymeleaf

  • th : href 를 통해서 링크 이동 시 파라미터값을 전달할 수 있음 (key=value) 구조




4. 출력 결과

0개의 댓글