Thymeleaf系列六模板 template

最新推荐文章于 2024-05-16 01:43:09 发布

hry2015

最新推荐文章于 2024-05-16 01:43:09 发布

阅读量1.3w

点赞数

分类专栏： web前端 thymeleaf Thymeleaf学习总结文章标签： thymeleaf 模板

本文链接：https://blog.csdn.net/hry2015/article/details/73476973

版权

1. 概述

在web开发中，我们经常会将公共头，公共尾，菜单等部分提取成模板供其它页面使用。在thymeleaf中，通过th:fragment、th:include、th:replace、参数化模板配置、css选择器加载代码块等实现。下文通过例子来说明用法:

fragment语法
通过 th:fragment 和 css选择器加载代码块
th:include 和 th:replace
参数化模板配置

这应该是Thymeleaf系列的最后一篇，不容易啊！夸夸一下自己，呵呵！

注意

spring boot 1.5.4 默认使用的 thymeleaf 2，这里只演示thymeleaf 2语法

2. 例子

2.1. 公共页

/templates/template/footer.html
此页面定义待加载的模板页面

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<meta charset="UTF-8" />
<body>
    <!-- th:fragment 定义用于加载的块 -->
    <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>

2.2. fragment语法

/templates/template/footer.html：定义要加载代码块copy

<!-- th:fragment 定义用于加载的块 -->
<span th:fragment="copy"> 2017 hry loaded by fragment=copy</span>

/tem

最低0.47元/天解锁文章

hry2015

关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
Thymeleaf系列六模板 template

1. 概述在web开发中，我们经常会将公共头，公共尾，菜单等部分提取成模板供其它页面使用。在thymeleaf中，通过th:fragment、th:include、th:replace、参数化模板配置、css选择器加载代码块等实现。下文通过例子来说明用法: fragment语法通过 th:fragment 和 css选择器加载代码块th:include 和 th:replace参数化模板配置
复制链接

扫一扫