Freemarker Layout - redutan/redutan.github.io GitHub Wiki

/layout/default.ftl

<#macro script>
    <#nested>
</#macro>

<#macro content>
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, shrink-to-fit=no">
    <title>제목</title>
    <link rel="stylesheet" href="/css/common.css">
</head>
<body>
<div class="wrap">
    <!-- header -->
    <div class="header">
        <h1 class="logo"><a href="#">Logo</a></h1>
        <ul class="gnb_menu">
            <li><a href="#">메뉴1</a></li>
            <li class="on"><a href="#">메뉴2</a></li>
        </ul>
        <ul>
            <li>
                <button type="button">슬라이드 메뉴</button>
            </li>
        </ul>
    </div>
    <!-- //header -->
    <!-- container -->
    <div class="container">
        <!-- content -->
        <#nested>
        <!-- //content -->
        <!-- footer -->
        <div class="footer">
            적절한 Footer
        </div>
        <!-- //footer -->
    </div>
    <!-- //container -->
</div>
</body>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<@script/>
</html>
</#macro>

/content/content.ftl

<#import "../layout/default.ftl" as layout>
<#import "/spring.ftl" as spring>

<@layout.script>
<script type="text/javascript" async>
    console.log("javascript!!!")
</script>
</@layout.script>

<@layout.content>
    <p>내용</p>
</@layout.content>
Add a custom footer
⚠️ **GitHub.com Fallback** ⚠️