Thymeleaf的模板使用介绍
2024-10-18 03:57:28
参考网址: https://blog.csdn.net/hry2015/article/details/73476973
先定义一个html文件, 如下:
文件路径: templates/template/footer.html
内容如下:
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<meta charset="UTF-8" />
<body>
<span th:fragment="copy"> 2017 hry loaded by fragment=copy</span>
<span id="copy-section"> 2017 hry loaded by id=copy-section</span>
<span th:fragment="frag(month, date)"> <span th:text="'welcome hry come in ' + ${month} + '-' + ${date}"></span></span>
</body>
</html>
fragment语法
加载语法如下:
templatename::selector:”::” 前面是模板文件名,后面是选择器
::selector:只写选择器,这里指fragment名称,则加载本页面对应的fragment
templatename:只写模板文件名,则加载整个页面 example:
<!-- 语法说明 "::"前面是模板文件名,后面是选择器 -->
<div th:include="templates/template/footer::copy"></div>
<!-- 只写选择器,这里指fragment名称,则加载本页面对应的fragment -->
<div th:include="::#copy-section"></div>
<!-- 只写模板文件名,则加载整个页面 -->
<div th:include="templates/template/footer"></div>
<!-- 语法说明"::"前面是模板文件名,后面是选择器 -->
<div> 2017 hry loaded by fragment=copy</div>
<!-- 只写选择器,这里指fragment名称,则加载本页面对应的fragment -->
<div>2017 hry loaded by id=copy-section</div>
<!-- 只写模板文件名,则加载整个页面 -->
<div>
<html>
<meta charset="UTF-8" />
<body>
<spanth:fragment="copy"> 2017 hry loaded by fragment=copy</span>
<span id="copy-section"> 2017 hry loaded by id=copy-section</span>
<span th:fragment="frag(month, date)"> <span th:text="'welcome hry come in ' + ${month} + '-' + ${date}"></span></span>
</body>
</html>
</div>
<!-- 这里加载”th:fragment 定义用于加载的块“ -->
<div th:include="templates/template/footer::copy"></div> <!-- 这里加载”id=copy-section“的节点 -->
<div th:include="templates/template/footer::#copy-section"></div>
结果:
<!-- 这里加载”th:fragment 定义用于加载的块“ -->
<div> 2017 hry loaded by fragment=copy</div> <!-- 这里加载”id=copy-section“的节点 -->
<div> 2017 hry loaded by id=copy-section</div>
th:include 和 th:replace 区别
<span th:fragment="copy">2017 hry loaded by fragment=copy</span>
th:include: 加载模板的内容: 读取加载节点的内容(不含节点名称),替换div内容
th:replace: 替换当前标签为模板中的标签,加载的节点会整个替换掉加载他的div <!-- 加载模板的内容: 读取加载节点的内容(不含节点名称),替换<div>的内容 -->
<div th:include="templates/template/footer::copy">1</div>
<!-- 替换当前标签为模板中的标签: 加载的节点会整个替换掉加载他的<div> -->
<div th:replace="templates/template/footer::copy">2</div> 结果:
<!-- 加载模板的内容: 读取加载节点的内容(不含节点名称),替换<div>的内容 -->
<div> 2017 hry loaded by fragment=copy</div> <!-- 替换当前标签为模板中的标签: 加载的节点会整个替换掉加载他的<div> -->
<span> 2017 hry loaded by fragment=copy</span>
参数化模板配置 <span th:fragment="frag(month, date)"> <span th:text="'welcome hry come in ' + ${month} + '-' + ${date}"></span></span> ${month} 和 ${date}是从后台传过来的
<div th:include="templates/template/footer::frag(${month},${date})">config</div> 结果:
<div> <span>welcome hry come in 6-19</span></div>
最新文章
- 模拟n个人参加选举的过程,并输出选举结果:假设候选人有四人,分别用A,B,C,D表示,当选某候选人时,直接输入其编号(编号由计算机随机产生,若输入的不是A,B,C,D则视为无效票,选举结束后按得票数从高到底输出候选人编号和所得票数.
- 分享Kali Linux 2016.2第45周VMware虚拟机
- OpenFileDialog - 设置 - Filter 笔记
- htaccess 增加静态文件缓存和压缩
- 解析数据存储MySQL
- EF Core &#187; 影子属性
- angular $apply()以及$digest()讲解
- 关于使用mybatis插件自动生成代码
- matlab实现协同过滤之pdist、squareform
- 摘抄来自论坛的一些DDD讨论
- include 和require的区别
- MyBatis入门一
- 如何用ABP框架快速完成项目(11) - ABP只要加人即可马上加快项目进展- 全栈篇(2) - 不推荐模块组件化, 推荐微服务
- SQL模糊查询排序问题
- struts2+dojo实现datagrid
- C语言使用hiredis访问redis
- java实现超大整数加减乘除四则运算
- zw版【转发&#183;台湾nvp系列Delphi例程】HALCON HomMat2dRotate1
- oracle数据库更改字符集
- struts2.xml中所有constant详解--大全