Thymeleaf添加页面模板

在页面编辑中，有一些公共的页面部分（比如header，footer等）可以抽取出来放到模板中，其他页面使用的时候可以调取该模板，这样的好处是如果修改这些公共部分，只修改模板中的代码即可。

为了做到这一点,Thymeleaf需要我们定义包含可用的片段,我们可以通过使用：

  • th:fragment属性定义模板
  • th:include属性引入模板

例如：

1.创建一个template.html模板文件，加入如下代码：

<!--fotter-->
<div th:fragment="footer">
    <div class="page-footer">
        <div class="scroll-to-top">
            <i class="icon-arrow-up"></i>
        </div>
    </div>
</div>

注意：要加入th标签引用，<html lang="en" xmlns:th="http://www.thymeleaf.org">

 

2.在其他页面中引用即可：

<div th:include="template :: footer"></div>

引用语法解释：th:include="templatename::domselector"

templatename是要引入页面的路劲加上去掉后缀的名称，例如footer.html页面建立在/WEB-INF/templates/footer.html，所以templatename为footer;domselector就是dom选择器，即为th:fragment中的值，或是选择id

注意：这里同样也需要引入th标签。

 

 

 

其他灵活运用方式，请参考：

thymeleaf中的模板布局

 

posted @ 2018-01-23 11:19  大象踢足球  阅读(7328)  评论(0)    收藏  举报