【Thymeleaf】如何实现including

Jsp里有方便的including，Thymeleaf里怎么用呢？可以用th:replace，下面直接就案例来说明。

比如有这么一个左侧导航栏：

    <div class="sidebar-nav">
        <a href="#dashboard-menu" class="nav-header" data-toggle="collapse"><i class="icon-dashboard"></i>Dashboard</a>
    <ul id="dashboard-menu" class="nav nav-list collapse">
        <li><a href="index.html">Home</a></li>
        <li ><a href="users.html">Sample List</a></li>
        <li ><a href="user.html">Sample Item</a></li>
        <li ><a href="media.html">Media</a></li>
        <li ><a href="calendar.html">Calendar</a></li>
        
    </ul>

    <a href="#accounts-menu" class="nav-header" data-toggle="collapse"><i class="icon-briefcase"></i>Account<span class="label label-info">+3</span></a>
    <ul id="accounts-menu" class="nav nav-list collapse">
        <li ><a href="sign-in.html">Sign In</a></li>
        <li ><a href="sign-up.html">Sign Up</a></li>
        <li ><a href="reset-password.html">Reset Password</a></li>
    </ul>
    </div>

其中从第二句到倒数第二句每个页面基本都是重复的，因此我们可以把这部分提出来另存为sidebar.html,注意这个文件和原页面都在templates目录下。

sidebar.html有了之后，原页面就这样把它包含进来：

    <div class="sidebar-nav">
        <div th:replace="sidebar"></div>
    </div>

注意上面红色的sider指的就是sidebar.html。

另外需要注意的是：子页面编码格式必须设置为utf-8（和主页面保持一致），从而避免中文乱码问题。

END