0512 thymeleaf fragment 이용하기

 

전체 레이아웃을 위한 sample레이아웃 페이지 작성. 

header- content - footer를 class속성 지정해서 css영역잡기

이때 중요한것은 상단에 있는 fragment 블록 태그이다. setContent라는 함수를 통해서 content의 내용만 맞바꾸어 줄것이다.

이렇게 변수로 받고- 내용물만 다른 페이지와 바꿔치기!

콘텐츠용 sample페이지를 작성한다. 

~{} : fragment Expression.

~{html페이지경로::fragment명}

layout 페이지의 setContent라는 selector안에 또다른 fragment를 인자로서 던진다. 

전체 레이아웃이 layout페이지로 변경되고,

setContent함수의 파라메터로 던진 this::content의 내용으로 맞바꾸어진것을 알수있다!!! 멋지다!!