Thymeleaf 模板的使用

最新推荐文章于 2023-11-30 16:46:24 发布
置顶 最新推荐文章于 2023-11-30 16:46:24 发布
阅读量351 收藏
点赞数 2
分类专栏： Thymeleaf模板 文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_44957155/article/details/105144380
版权

Thymeleaf是现代化服务器端的Java模板引擎，不同与JSP和FreeMarker，Thymeleaf的语法更加接近HTML，并且也有不错的扩展性。详细资料可以浏览官网。本文主要介绍Thymeleaf模板的使用说明。

定义和引用模板:
日常开发中，我们经常会将导航栏，页尾，菜单等部分提取成模板供其它页面使用。
在Thymeleaf 中，我们可以使用th:fragment属性来定义一个模板。
我们可以新建一个简单的页尾模板，如：/WEB-INF/templates/footer.html，内容如下：

<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
  <body>
    <div th:fragment="copyright">
      © 2016 xxx
    </div>
  </body>
</html>

上面定义了一个叫做copyright的片段，接着我们可以使用th:include或者th:replace属性来使用它：

<body>
  ...
  <div th:include="footer :: copyright"></div> 
</body>

其中th:include中的参数格式为templatename::[domselector],
其中templatename是模板名（如footer），domselector是可选的dom选择器。如果只写templatename，不写domselector，则会加载整个模板。
当然，这里我们也可以写表达式：

<div th:include="footer :: (${user.isAdmin}? #{footer.admin} : #{footer.normaluser})"></div>

模板片段可以被包含在任意th:*属性中，并且可以使用目标页面中的上下文变量。
不通过th:fragment引用模板
通过强大的dom选择器，我们可以在不添加任何Thymeleaf属性的情况下定义模板：

...
<div id="copy-section">
 &copy; xxxxxx
</div>
...

通过dom选择器来加载模板，如id为copy-section

<body>
 ...
 <div th:include="footer ::
最低0.47元/天 解锁文章
Voyager-Lc
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
5）Thymeleaf 模板布局 th:fragment、th:replace、th:insert、th:remove
蚩尤后裔-汪茂雄
12-03 4万+
目录 th:fragment 模板布局 模板片段说明 ⽚段表达式语法 th:insert 与 th:replace 区别 参数化片段签名 编码示例 commons.html 公共模板 user/home.html 引入模板片段 运行效果 th:remove 删除模版片段 th:fragment 模板布局 模板片段说明 模板中，经常希望从其他模板中包含⼀些部...
SpringBoot 利用 th:fragment 实现代码复用
weixin_44627672的博客
02-16 1799
定义和引用模板片段 在多数项目中，我们经常会写很多重复代码，如导航栏、侧边栏等，为实现代码复用，Thymeleaf 需要我们定义这些部分“⽚段”（相当于抽取出来）以供其他模版包含，可以使⽤th:fragment属性来定义被包含的模版⽚段。 示例如下： 将待重用的代码单独放入html文件中；（不放也可以，目的是方便日后区分）； 这里单独放入commons文件夹下： 将待重用代码中加入 th:fragment:“name”,导入thymleaf引擎； thymleaf引擎： <!DOCTYPE ht
Thymeleaf 模板布局 th:fragment、th:replace、th:insert、th:remove
const_
07-26 1177
Thymeleaf 模板布局 th:fragment、th:replace、th:insert、th:remove
Thymeleaf通过fragment实现组件化
龙源IT 的博客
04-10 1966
在Thymeleaf中通过th:fragment将代码组件化，可以提高代码的复用，简化我们的开发。
thymeleaf th:fragment引用问题
正在看的博客
08-15 8676
th:fragment=”自定义片段名” /**这里我定义的是head th:replace=”thymeleaf的根目录+片段的html名+ :: +自定义的片段名” th:replace 会替换掉当前标签及其子标签的所有信息; th:include 只会替换当前标签的子标签的信息;...
springboot中thymeleaf模板使用详解
08-30
SpringBoot 中 Thymeleaf 模板使用详解 Thymeleaf 是新一代的模板引擎，在 Spring4.0 中推荐使用 Thymeleaf 来做前端模板引擎。Thymeleaf 有三个极吸引人的特点：支持 HTML 原型，开箱即用的特性和提供 Spring 标准...
SpringBoot使用thymeleaf模板过程解析
08-25
SpringBoot使用Thymeleaf模板过程解析 本文主要介绍了SpringBoot使用Thymeleaf模板过程解析的详细步骤，通过示例代码对大家的学习或者工作具有一定的参考学习价值。下面将对标题、描述、标签和部分内容进行详细的...
Spring Boot集成Thymeleaf模板引擎的完整步骤
08-26
本文将为大家介绍Spring Boot集成Thymeleaf模板引擎的完整步骤，从基本概念到实际配置，详细地介绍了Thymeleaf模板引擎的使用方法。 一、Thymeleaf模板引擎概述 Thymeleaf是一种模板引擎框架，支持HTML5标准，可以...
Thymeleaf模板引擎
05-11
Thymeleaf 模板引擎 Thymeleaf 是一款功能强大且灵活的 Java 模板引擎，自 2011 年发布以来，它已经成为了 Java Web 开发中最流行的模板引擎之一。Thymeleaf 的主要特点是它支持 HTML 原型，可以让前端工程师在...
thymeleaf使用模板
03-12
通过上述知识点，我们可以更好地理解和使用Thymeleaf模板引擎，构建出高效、灵活的Spring Boot应用。在实际项目中，结合"StudySpringboot"这样的学习资源，有助于进一步提升开发效率和代码质量。
Thymeleaf中th:include、th:replace、th:insert、th:fragment用法及区别
spurs611的博客
03-25 9222
Thymeleaf中页面布局 首先，几个标签的定义 th:fragment 布局标签，定义一个代码片段，方便其它地方引用 <div th:fragment="alert"> th:include 布局标签，替换内容到引入的文件 <head th:include="layout :: htmlhead" th:with="title='xx'"&gt...
SpringBoot系列教材 （三十）- Thymeleaf - thymeleaf 如何通过 fragment 包含另一个文件举例
Lan_ht的博客
11-30 459
把你自己做的项目文件夹，和我的可运行项目文件夹进行比较。在页面底部可以看到如图所示的版权信息，这个版权信息就是包含另一个页面的内容而来的。的可运行项目，配置运行起来，确认可用之后，再学习做了哪些步骤以达到这样的效果。在确保可运行项目能够正确无误地运行之后，再严格照着教程的步骤，对代码模仿一遍。th:replace ：不要自己的主标签，保留th:fragment的主标签。th:insert ：保留自己的主标签，保留th:fragment的主标签。，可以较为明显地提升学习速度，跨过学习路上的各个槛。
含有变量的片段引用（th:fragment，th:with）
m0_52613676的博客
03-29 675
在使用th:fragment定义片段时，若显式指定片段参数，那么在引用片段时，如果不传入参数，则会抛异常。若不指定片段参数，那么在引用片段时，不管是否传入参数，都不会抛异常： 后端传来参数： @RequestMapping("test") public String test(HttpServletRequest request) { request.setAttribute("user", "Jack"); request.setAttribute("company", "Tencent"
thymeleaf的th:href传参、th:onclick传参、th:fragment传参
qq_40059532的博客
02-02 3299
th:href传参 直接将参数放到括号里面，th:href跳转需要使用@{}，获取后台传来的值使用${} th:onclick传参 这个需要使用[[]]将参数包括起来 script里面获取后台传来的值也是这样 th:fragment传参 直接将参数放在括号里面，编译器无法识别所以报错，但是其实没问题 将参数传入th:fragment片段 ...
Thymeleaf
qq_36463919的博客
03-24 863
Thymeleaf语法 一、th属性 常用th属性解读 html有的属性，Thymeleaf基本都有，而常用的属性大概有七八个。其中th属性执行的优先级从1~8，数字越低优先级越高。 th:text ：设置当前元素的文本内容，相同功能的还有th:utext，两者的区别在于前者不会转义html标签，后者会。优先级不高：order=7 th:value：设置当前元素的value值，类似修改指定属性的还有th:src，th:href。优先级不高：order=6 th:each：遍历循环元素，和th:text或
[JAVA EE] Thymeleaf 高级用法：模板布局，带参数的引用片段，表单验证，常用校验注解
Dust的博客
09-02 1070
模板布局 公共部分通常定义为模板布局：如页眉，页脚，公共导航栏、菜单等。 模板布局定义方法 布局页中用 th:fragment 定义模板片段，其他页面用 th:insert 引用片段 例如：footer.html，通过 th:fragment 定义一个模板片段 <footer th:fragment="copy"> … </footer> 其他页面通过 th:insert 引用片段： 标准形式： <div th:insert = "~{ footer :: copy
在springboot中使用thymeleaf的组件(fragment)
龙山大佛爷的博客
06-10 1129
在springboot中使用thymeleaf的组件(fragment) 目的：抽取公共部分，节省代码量 创建springboot项目 过程略 项目结构如下 添加thymeleaf依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency&gt
thymeleaf的fragment使用
Navid的博客
12-20 686
背景 在使用thymeleaf的前提下，html标签之后可以使用&lt;th:replace&gt;&lt;th:include&gt;&lt;th:insert&gt;引入&lt;th:fragment&gt;中的代码片段 使用介绍 &lt;th:replace&gt; 舍弃自己的标签的内容（！及子标签内容），保留&lt;th:fragment&gt;标签中的内容。 &lt;th:ins...
Thymeleaf中前后台页面传值、fragment和include之间页面引用和值传递
热门推荐
liubin5620的博客
05-27 1万+
thymeleaf中前后台页面传值、fragment和include之间页面引用和值传递
thymeleaf模板引擎的使用
最新发布
05-30
在使用Thymeleaf时，你需要将Thymeleaf集成到你的Web应用程序中，并创建Thymeleaf模板文件。然后，你可以使用Thymeleaf模板语言来构建动态页面，将数据绑定到模板上，并生成HTML输出。 下面是使用Thymeleaf的基本...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值