thymeleaf的常用方法

thymeleaf的常用方法

使用之前要在html的标签加入 xmlns:th="http://www.thymeleaf.org"
例如:
在这里插入图片描述

路径,或者引入静态资源

语法:th:href="@{/}":可以直接获取项目的根目录
例如:th:href="@{/css/bootstrap.min.css}":引入css等静态资源
在这里插入图片描述
例如:th:href="@{/toUpdate}":跳转到toUpdate页面
在这里插入图片描述

跳转页面并传参

普通传参:th:href="@{/user(l=‘en_US’)}":跳转到user页面并带一个为l的参数,参数值为en_US
在这里插入图片描述
restful风格传参: th:href="@{/toUpdate/}+${employee.getId()}:跳转到修改页面,并带着id的值
虽然上面有红色波浪线,但是可以使用

表单提交:

语法:th:action="@{/}":直接获取项目的根目录
例如:th:action="@{/loginCheck}":将表单提交到地址为loginCheck的controller中
在这里插入图片描述

获取简单的变量值:

语法:th:text="#{}"
在标签中使用
例如:th:text="#{login.sign}":获取login对象中sign属性的值
在这里插入图片描述
不在标签中使用,普通的html文本中使用
例如:[[#{login.sign}]]:获取login对象中sign属性的值
在这里插入图片描述

单选按钮(radio)默认被选中

[表单里的所有被选中的标签同理]
例如:当变量值为1的时候,默认被选中!

最简单的遍历数据

例如:以selected标签为例,循环遍历出option的元素,并且给选中的option赋值
在这里插入图片描述

引入公共部分的标签,实现代码的复用

语法:th:fragment=“碎片名称”;th:replace="~{路径::碎片名称}"
例如:引入common文件夹下的common.html文件中的side公共部分代码
定义碎片
在这里插入图片描述
引入碎片
在这里插入图片描述

th:classappend

在不改变标签内class属性的前提下,添加某class样式

<div class="checkbox-custom" th:classappend="${captchaEnabled==false} ? 'm-t'">

 </div>
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

yzhSWJ

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

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

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

打赏作者

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

抵扣说明:

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

余额充值