springboot开发之thymeleaf页面公共元素的抽取

2020-08-26 15:15:30 浏览数 (3)

1、抽取公共元素

代码语言:javascript复制
<footer th:fragment="copy">
    context
</footer>

2、引入公共片段

(1)第一种方式:th:insert,表示将公共片段整个插入到指定元素中,比如div

代码语言:javascript复制
<div th:insert="~{footer:: copy}"></div>

说明:

~{templatename::selector}:模板名::选择器

~{templatename::fragmentname}:模板名::片段名

(2)第二种方式:th:replace,将声明的片段直接替换指定元素中,比如div。也就是说这种不会带<div></div>

(2)第三种方式:th:include,将声明片段的内容直接插入到指定元素中。也就是说这种不会包含<footer></footer>

0 人点赞