thymeleaf标签之th:href的使用

最新推荐文章于 2024-01-29 20:54:02 发布
最新推荐文章于 2024-01-29 20:54:02 发布
阅读量10w+ 收藏 57
点赞数 23
分类专栏： springboot 文章标签： springboot thymeleaf thhref
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011890101/article/details/73087776
版权

项目中使用springboot来进行开发，自然也就接触到了thymeleaf这套模板，如果你对c标签很熟悉的话，我觉得上手这个应该是很快的。

介绍下th：href在项目中的使用。

它的写法与th：src一样 一般写法为th:href="@{值}"

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

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

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

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

例子：


meepoGuan
关注
  • 23
    点赞
  • 踩
  • 57
    收藏
    觉得还不错? 一键收藏
  • 19
    评论
专栏目录
thymeleaf中遇到的坑
qq_42535651的博客
07-26 1601
th:href <a th:href="@{'/pageController?pageNum='+${pageNum}}" th:text="${pageNum}"></a> 格式：th:href="@{‘字符串’+${model中的nam值}}"。 controller取值 @RequestMapping(value = "/pageController",method...
thymeleaf-bootstrap2:Thymeleaf方言支持bootstrap2
05-17
bs:field ：类似于th：field，但是它添加了一个标签并显示了验证消息。 可以通过bs:label更改bs:label 。 bs:name ：像bs：field一样，不需要表单对象。 可以通过bs:label更改bs:label 。 请参阅src / test / ...
Spring boot 访问静态资源
Lfanmujin的博客
05-01 334
今天学习了一点thymeleaf模板： 试着写了一个页面，但是在获取静态图片的时候，出现防蚊布到静态资源 <img src="" th:src="@{'/static/imgs/01-01.png'}"/> 访问图片的地址是这样的； 检查配置文件application.yml 更改： spring: mvc: static-path-pattern:/st...
解决Thymeleaf 中 th:if、th:each、th:href、th:onclick、th:src等问题亲测
那杯热咖啡
08-10 4568
最近使用若依，对前端的thymeleaf语法不是很熟悉，下面是自己的笔记，大神请忽略。 一、th:if gt: great than（大于）> ge： great equal（大于等于）>= eq： equal（等于）== lt： less than（小于）< le： less equal（小于等于）<= ne： not equal（不等于）!= 写法如下，其它写法类似。 <div th:if="${substringNam...
Thymeleaf基础教程
睡不醒的每天
01-29 267
Thymeleaf 作为一种模板引擎，它拥有自己的语法规则。使用方法：首先通过th:object 获取对象，然后使用th:xx = "*{}"获取对象属性。想要遍历List集合很简单，配合th:each 即可快速完成迭代。使用方法：直接使用 th:xx = “${}” 获取对象属性：前端获取后端的数据。常用标签有很多，部分举例。
thymeleaf实现th:each双重多重嵌套功能
10-15
今天给大家分享一个使用 thymeleaf 实现一个动态加载一二级文章分类的功能，本文通过代码讲解的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧
使用thymeleaf的th:src显示豆瓣电影api的图片
longNONO520的博客
04-19 1243
使用thymeleaf的th:src显示豆瓣电影api的图片 本文借鉴的博客：https://blog.csdn.net/weixin_39553363/article/details/104173257 之前把api都配置好了，但是图片就是显示不出来。 只需要在html的head处添加 <meta name="referrer" content="never"> ...
Thymeleaf简单运用
凌北辰的博客
05-14 3561
Thymeleaf 模版 认识 Thymeleaf表达式标准变量表达式选择变量表达式链接表达式（URL表达式）Thymeleaf属性 认识 Thymeleaf ​ Thymeleaf 是一个流行的模板引擎，该模板引擎采用 Java 语言开发 模板引擎是一个技术名词，是跨领域跨平台的概念，在 Java 语言体系下有模板引擎，在 C#、PHP 语言体系下也有模板引擎，甚至在 JavaScript 中也会用到模板引擎技术，Java 生态下 的模板引擎有 Thymeleaf 、Freemaker、Velocity
013-springboot-thymeleaf-常用属性
Allure泽宇的博客
06-02 2883
1、创建 SpringBoot 的 web 项目并使用模版引擎 1.1 创建module 020-springboot-thymeleaf-property 1.2 查看pom文件的依赖 pom.xml中应该有以下两个依赖 1.3 编辑核心配置文件 1.4 引入lombok依赖 <dependency> <groupId>org.projectlombok</groupId> <artifactId>lom
Thymeleaf基本语法（三）
凉茶铺的博客
05-11 2217
介绍了Thymeleaf的常用属性
thymeleaf模板中，th:src加@和不加@的区别
HelloWorld的博客
09-14 5592
1、加@，值会加上前缀，即会带上项目名。 th:src="@{${themeDetailVo.thumbnail.fileUrl}}" 2、不加@，直接就是值本身 th:src="${themeDetailVo.thumbnail.fileUrl}"
Thymeleaf中th:href、th:src、th:onclick
Daniel的博客
09-02 1万+
Thymeleaf 中 th:href、th:src、th:onclick需要拼接动态数据时（后端传递的动态数据），需要遵守相关的语法规定。 一般来说，上面的三种表达式都需要用到@{xxx}，如<a th:href="@{/user/1}"></a> ==>解析完也就是 <a th:href="/user/1"></a> 但是当需要进行动态拼接时，则不是简单的<a th:href="@{/user/${id}}"></a>，.
Thymeleaf中th:each及th:if使用方法解析
09-07
主要介绍了Thymeleaf中th:each及th:if使用方法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
thymeleaf-mailto:Thymeleaf 方言创建邮件链接
07-15
百里香邮递 Thymeleaf 方言有助于创建邮件链接。 锚标签 "" 支持的属性是： ... 要使用代码完成，请将xmlns:mail="http://www.ppi.de/thymeleaf/mailto"到 html 标签。安装只需将 de.ppi.oss thymeleaf-mail 添加到 0.1
wuyou:Spring Boot + MyBatis Plus + Shiro + Thymeleaf 快速开发框架：夫唯不争，故无尤
04-28
在 Gitee 上的 Star 比较多，但是许多地方的代码不是很复合我的规范，于是对其进行优化，以供自己和感兴趣的你使用。 做了哪些修改，为什么这样修改，会详尽的记录，如果有任何问题欢迎提出，但我不一定会改。 会...
thymeleaf标签之th:text的使用
热门推荐
meepoGuan的博客
06-16 5万+
th:text 如果是需要从model中取值的话 写法为th:text="${model的name}" th:text="${childD.name}" 如果是需要字符串与model中的值进行拼接的话，写法为th:text="'字符串'+${model的name}" th:text="'姓名：'+${childD.name}"  ...
springboot中用注解配置过滤器并配置多个过滤路径
meepoGuan的博客
06-17 1万+
@WebFilter(filterName="TestFilter",urlPatterns={"/test/index","/test/home"}) public class TestFilter implements Filter { public TestFilter() { } public void destroy() { } public void do...
springboot中websocket的简单应用
meepoGuan的博客
06-05 7324
在springboot中使用websocket与其他方式会有所不同，主要还是因为springboot会内置tomcat以及springboot做了一定的配置。 下面针对springboot中使用websocket功能进行一下记录。 先说一下我们要简单实现的一个功能： 1、实现多用户连接。 2、客户端向服务端发送信息。 3、统计在线人数。 4、服务端向客户端发送信息。 一、首先pom中
thymeleaf中th
最新发布
02-21
Thymeleaf是一种用于在Web和独立环境中创建动态HTML的模板引擎。它提供了一系列的th标签属性，用于在模板中设置和修改属性值。以下是一些常用的th标签属性： 1. th:text：用于设置元素的文本内容。 2. th:if：用于根据条件判断是否显示元素。 3. th:unless：与th:if相反，根据条件判断是否隐藏元素。 4. th:switch和th:case：用于实现类似于switch-case语句的逻辑判断。 5. th:each：用于遍历集合或数组，并在模板中重复渲染元素。 6. th:href：用于设置链接的URL地址。 7. th:src：用于设置图片的URL地址。 8. th:attr：用于设置元素的属性值。 9. th:class和th:style：用于设置元素的CSS类和样式。 你可以根据具体的需求选择适合的th标签属性来操作模板中的元素。以下是一个示例代码，演示了如何在Thymeleaf模板中使用th:text属性来设置元素的文本内容： ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <title>Thymeleaf Example</title> </head> <body> <h1 th:text="${title}">Default Title</h1> </body> </html> ``` 在上述示例中，th:text="${title}"表示将模板中的变量title的值设置为h1元素的文本内容。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 19
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值