#templates/template/fragment/footer.html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<footer th:fragment="frag1"> //th:fragment 있으면 불려나가는 조각임
th:fragment="frag1"입니다
</footer>
<footer th:fragment="fragParam (param1,param2)"> //()를 이용해 조각에 파라미터 부여 가능
<p>파라미터 자리 입니다.</p>
<p th:text="${param1}"></p>
<p th:text="${param2}"></p>
</footer>
</body>
</html>
#templates/template/fragment/fragmentMain.html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>부분 포함</h1>
<h2>부분 포함 insert</h2>//insert라 조각을 호출하는 태그 살아남음
<div th:insert="~{template/fragment/footer :: frag1}"></div>//꼭 div 아니어도 됨
<h2>부분 포함 replace</h2>//replace는 조각을 호출하는 태그가 증발함
<div th:replace="~{template/fragment/footer :: frag1}"></div>//꼭 div 아니어도 됨
<h1>파라미터 사용</h1>
<div th:replace="~{template/fragment/footer :: fragParam('파라미터1','파라미터2')}"></div>
<div th:insert="~{template/fragment/footer :: fragParam('파라미터1','파라미터2')}"></div>
</body>
</html>
'thymeleaf' 카테고리의 다른 글
| 타임리프 삼항 연산자 (0) | 2022.06.30 |
|---|---|
| 타임리프 html을 통째로 파편으로써 취급하여 상속 (0) | 2022.06.27 |
| 타임리프와 자바스크립트 (0) | 2022.06.27 |
| 타임리프 div 여러개 묶어서 반복 (0) | 2022.06.27 |
| 타임리프 div 여러개 묶어서 반복 (0) | 2022.06.27 |
