引入公共片段

引入公共片段的th属性,包括三种方式

th:insert

将公共片段,整个插入到声明引入的元素中

th:replace

将声明引入的元素,替换为公共片段

th:include

将被引入的片段的内容,包含进这个标签中

抽取公共片段

 <footer th:fragment="copy">
&copy; 2011 The Good Thymes Virtual Grocery
</footer>

引入方式

 <div th:insert="footer :: copy"></div>
<div th:replace="footer :: copy"></div>
<div th:include="footer :: copy"></div>

页面效果

 <div>
<footer>
&copy; 2011 The Good Thymes Virtual Grocery
</footer>
</div> <footer>
&copy; 2011 The Good Thymes Virtual Grocery
</footer> <div>
&copy; 2011 The Good Thymes Virtual Grocery
</div>

注意

引入语法~{} 
波浪线、花括号可以写,可以不写

但是,在行内写法中[[~{}]]、[(~{})] 
必须,加上~{}

参考:https://blog.csdn.net/nangeali/article/details/82215708

最新文章

  1. 浅谈ajax
  2. 基于VirtualBox的多重载入
  3. 学习练习 java练习小题题目:判断一个整数能被几个9整除
  4. view的onFinishInflate()何时调用的?
  5. Hadoop 2.x从零基础到挑战百万年薪第一季
  6. oracle 密码文件文件
  7. 收集经常使用的.net开源项目
  8. how to fix the cwm/miui recovery status 2 error
  9. 第20篇 js高级知识---深入原型链
  10. 【转】一些常用的Vi命令,可帮助脱离鼠标
  11. 什么是 ajax?----异步 javascript 和 xml
  12. [LeetCode] Longest Mountain in Array 数组中最长的山
  13. __x__(31)0908第五天__导航条的练习 &lt;ul&gt; 版本
  14. docker 系列 - 基础镜像环境和Docker常用命令整理
  15. 30)django-ORM(元信息,级联删除,正反向操作,连表查询优化)
  16. Ubuntu 16.04出现:Problem executing scripts APT::Update::Post-Invoke-Success &#39;if /usr/bin/test -w /var/cache/app-info -a -e /usr/bin/appstreamcli; then appstreamcli refresh &gt; /dev/null; fi&#39;
  17. Educational Codeforces Round 3 C. Load Balancing
  18. 8张思维导图学习javascript
  19. 编写高质量代码改善C#程序的157个建议——建议85:Task中的异常处理
  20. typescript多维对象数组仿List泛型

热门文章

  1. springcloud使用zookeeper作为config的配置中心
  2. maomao的现在与未来
  3. bind,apply,call,caller,callee还傻傻分不清楚?
  4. go etcd
  5. Python list 初始化技巧
  6. 网络编程基础【day10】:操作系统介绍
  7. 网络编程基础【day10】:我是一个线程(四)
  8. python 面向对象(四)反射
  9. 批量获取oracle的表和表字段注释【原】
  10. Spring boot中使用Mongodb