Thymeleaf 를 이요한 layout 적용 하기
내용이 들어갈 파일
- contents.html
레이아웃 파일
- layout.html
1. pom.xml 에 dependency 추가
<dependency>
<groupId>nz.net.ultraq.thymeleaf</groupId>
<artifactId>thymeleaf-layout-dialect</artifactId>
</dependency>
2. layout.html
<!DOCTYPE html>
<html lang="ko" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
<head>
<meta charset="UTF-8">
<title>Thymeleaf Layout Test</title>
</head>
<body>
<div id="header"> 헤더가 들어갈 영역 </div>
<div id="contents">
<!-- Thymeleaf Content 가 들어갈 영역 -->
<th:block layout:fragment="content"></th:block>
</div>
</body>
</html>
3. contensts.html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="ko"
xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
layout:decorator="layout">
<head>
<meta charset="UTF-8">
</head>
<body>
<th:block layout:fragment="content">
본문(콘텐츠) 영역
</th>
</body>
</html>
4. 테스트
contents.html 을 호출 하면 layout.html 이 적용되어 화면에 표시된다.
끝
'Framework' 카테고리의 다른 글
[Thymeleaf] session, parameter 처리 (0) | 2020.06.11 |
---|---|
[Spring Boot] 자동 리로드(livereload) 설정 (0) | 2020.04.10 |
[Spring + Mybatis] java.sql.SQLException: 부적합한 열 유형: 1111 (0) | 2020.04.10 |
[Spring Boot] Spring boot tomcat Port 변경 (0) | 2020.04.06 |
[Log4j] log4j 로그 시간 설정 ConversionPattern log time (0) | 2018.11.27 |