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中的模板布局

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM