[스프링 부트] 12. Mustache 활용해서 부분 템플릿 만들기

Nov 18, 2024

Contents

header.mustache


<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>blog</title>
</head>
<body>

<nav>
    <ul>
        <li>
            <a href="/">홈</a>
        </li>
        <li>
            <a href="/save-form">글쓰기</a>
        </li>
    </ul>
</nav>

<hr>

list.mustache


{{> layout/header}}

<section>
    <table border="1">
        <tr>
            <th>번호</th>
            <th>제목</th>
            <th></th>
        </tr>

        {{#models}}
        <tr>
            <td>{{id}}</td>
            <td>{{title}}</td>
            <td><a href="/board/{{id}}">상세보기</a></td>
        </tr>
        {{/models}}
    </table>

</section>

</body>
</html>

💡

→ layout 폴더 안의 header.mustache 파일 내용을 포함시킵니다.