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

  • 相关阅读:
    marginleft IE Firefox 浏览器下的不同
    提取HTML代码中文字的C#函数
    分享按钮汇总
    jquery UI集合
    向用户授予对象特权
    oracle中使用聚合函数
    创建对象类型
    jdk1.6.0_01配置系统环境变量
    修改表
    将一个实体映射到多张数据库表
  • 原文地址:https://www.cnblogs.com/Jason-Xiang/p/8334758.html
Copyright © 2020-2023  润新知