[spring] spring thymeleaf 반복되는 내용(헤더,푸터,메뉴) html 불러오기

 

 

헤더나 푸터, 메뉴 같이 모든 페이지에서 반복되는 부분들은 한 파일에 작성하고,

필요한 페이지에서 불러와 사용하도록 합니다.

 

/src/main/resources/templates 경로에 _menu.html을 만들어주었습니다.

불러올 내용(조각)의 이름을 menu로 설정해줍니다.

_menu.html

<div th:fragment="조각이름">
   // 반복되는 부분들 (헤더, 푸터, 메뉴, ... )
</div>

 

 

메뉴가 필요한 default.html 페이지에서

메뉴가 들어갈 위치에 조각을 불러와주었습니다.

default.html

<div th:insert="~{ 불러올html파일명 :: 조각이름 }"></div>

 

끝입니다!