thymeleaf在项目中的使用

本文详细介绍了如何在Spring Boot项目中使用Thymeleaf模板引擎。从控制器向Model中传递数据,到Thymeleaf在HTML页面中动态取值,再到利用`th:fragment`定义可复用的页面模块,展示了Thymeleaf的高效和灵活性。通过对`th:href`属性的使用,实现URL路径与Model数据的结合,以及如何引用带有`th:fragment`的模块,提高代码的复用性。
摘要由CSDN通过智能技术生成

thymeleaf在项目中的使用

通过控制器往Model模型里存储值

首先项目启动访问IndexController控制器,然后往Model模型对象里面存储值,如下图:

在这里插入图片描述

index.html首页通过thymeleaf取值

如果需要从model中取值的话,写法是

th:href = "@{${model中的name值}}"

有的时候,我们不仅需要从model中取值,还需要写字符串与model中的值进行拼接,写法为

th:href = "@{${model中的name值}+'字符串'}"

比如说我们上面的首页控制器中存储到Model模型对象中的menus值,我们在index.html首页中应该如何取出来呢?如下图:

在这里插入图片描述

我们所有的Controlelr控制器前面,都会加上一层,如下图:

在这里插入图片描述

通过thymeleaf定义一个模块供其他地方的引用

在页面中常常会出现一个模块,这个模块我们在很多地方可能都需要进行引用,所以如果我们在每个地方都写上这样的一段代码就有点繁琐了,能不能给这段公用的代码写上一个标签呢?这样我们以后每次使用的时候都可以去可以通过这个标签进行引用?

为了解决这个问题thymeleaf为我们引入了一个th:fragment标签,我们只要给这段公共的代码使用一个th:fragment标签,那么我们就可以在其他的房通过这个标签进行引用这块代码了。这里的其他地方包括同一个html文件,也包括不同的html文件,整个过程如下图:

在这里插入图片描述

上图中已经把这个模块设置了一个th:fragment标签值了,后面我们看一下它是怎么被引用的,如下图:

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Mr-X~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值