首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >springboot开发之thymeleaf页面公共元素的抽取

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

作者头像
西西嘛呦
发布于 2020-08-26 15:15:30
发布于 2020-08-26 15:15:30
8300
举报

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>

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-02-03 ,如有侵权请联系 cloudcommunity@tencent.com 删除
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档