thymeleaf layout decorate

김선미·2022년 8월 3일

thymeleaf layout을 사용하기 위해서는 build.gradle, application.properties, 그리고 모든 html 태그 안에 소스를 추가해주어야 한다.

  • build.gradle
implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'
//thymeleaf 설치
implementation 'nz.net.ultraq.thymeleaf:thymeleaf-layout-dialect'
//thymeleaf layout 사용시 설치
  • application.properties
    이건 검색하다가 thymeleaf layout을 사용하는 방법에 나와있길래 추가해주었다. 정확히 어떤 쓰임인지는 모르겠다..
spring.thymeleaf.prefix=classpath:templates/
spring.thymeleaf.suffix=.html
spring.thymeleaf.cache=false
  • layout.html
<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
이하 생략
</html>
  • list.html
<!DOCTYPE html>
<html lang="ko"
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorate="layout">

</html>

list.html 파일은 이 소스가 전부이다. 코드를 따로 구현하지 않아도 thymeleaf layout:decorate 를 통해 layout.html에 구현한 내용을 list.html로 불러온다.

❗️ 주의 ❗️
html 태그에 layout:decorator 가 layout:decorate로 바뀌었다.

profile
백엔드 개발 공부

0개의 댓글