Thymeleaf引入公共片段方式
2024-09-07 02:35:54
引入公共片段
引入公共片段的th属性,包括三种方式
th:insert
将公共片段,整个插入到声明引入的元素中
th:replace
将声明引入的元素,替换为公共片段
th:include
将被引入的片段的内容,包含进这个标签中
抽取公共片段
<footer th:fragment="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>
© 2011 The Good Thymes Virtual Grocery
</footer>
</div> <footer>
© 2011 The Good Thymes Virtual Grocery
</footer> <div>
© 2011 The Good Thymes Virtual Grocery
</div>
注意
引入语法~{}
波浪线、花括号可以写,可以不写
但是,在行内写法中[[~{}]]、[(~{})]
必须,加上~{}
参考:https://blog.csdn.net/nangeali/article/details/82215708
最新文章
- 浅谈ajax
- 基于VirtualBox的多重载入
- 学习练习 java练习小题题目:判断一个整数能被几个9整除
- view的onFinishInflate()何时调用的?
- Hadoop 2.x从零基础到挑战百万年薪第一季
- oracle 密码文件文件
- 收集经常使用的.net开源项目
- how to fix the cwm/miui recovery status 2 error
- 第20篇 js高级知识---深入原型链
- 【转】一些常用的Vi命令,可帮助脱离鼠标
- 什么是 ajax?----异步 javascript 和 xml
- [LeetCode] Longest Mountain in Array 数组中最长的山
- __x__(31)0908第五天__导航条的练习 <;ul>; 版本
- docker 系列 - 基础镜像环境和Docker常用命令整理
- 30)django-ORM(元信息,级联删除,正反向操作,连表查询优化)
- 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 >; /dev/null; fi&#39;
- Educational Codeforces Round 3 C. Load Balancing
- 8张思维导图学习javascript
- 编写高质量代码改善C#程序的157个建议——建议85:Task中的异常处理
- typescript多维对象数组仿List泛型