화면 레이아웃을 만들어 보겠습니다...

Thymeleaf에서 Page Layout을 만드는 방법은 몇가지가 있는데 지금 사용하는 방법은 Thymeleaf Layout Dialect 을 이용하여 만들어 보겠습니다.

그럼 layout을 만들어 보겠습니다.

맨처음 views/ 폴더 밑에 /layout 폴더와 fragments/ 폴더를 만듭니다.

layout 폴더밑에 default.html을 만듭니다.


그리고 fragements 폴더 밑에

config.html


header.html


footer.html 를 만듭니다.


그리고 home.html을 수정합니다.


파일구조는 이렇게 나옵니다.

그리고 localhost:8080/example/를 열어보면 밑의 화면과 같이 정말 간단하게 레이아웃을 만들수 있는걸  볼 수 있습니다.



+ Recent posts