thymeleaf

7 篇文章 0 订阅
  • 命名空间
    使用Thymleaf时我们直接创建HTML文件即可,只是需要在html标签中加入thymeleaf的名称空间
<html xmlns:th="http://www.thymeleaf.org">
  • 修改标签文本值
    服务器在解析Thymeleaf代码,会读取th:text属性的值,用这个值替换原本标签体的值
<p th:text="内容"></p>
  • 修改指定属性值
<input value="old-value" th:value="new-value" />
  • 在表达式中访问属性域
<p th:text="${reqAttrName}"></p>
  • 解析url地址
<p th:text="@{/aaa/bbb/ccc}">页面上看到的是:/contextPath/aaa/bbb/ccc</p>
  • 直接执行表达式
<p>[[${reqAttrName}]]</p>
  • 判断
<p th:if="${not #strings.isEmpty(erqAttrName)">if判断为真时输出的内容</p>
<p th:if="${#strings.isEmpty(erqAttrName)">if判断为真时输出的内容</p>
    
gt:     great than(大于)>
ge:    great equal(大于等于)>=
eq:    equal(等于)==
lt:    less than(小于)<
le:    less equal(小于等于)<=
ne:    not equal(不等于)!= 
  • 遍历
<!-- 使用th:each进行集合数据迭代 -->
<!-- th:each="声明变量:${集合}" -->
<!-- th:each用在哪个标签上,哪个标签就会多次出现 -->
<div>
    <p th:text="${card}" th:each="card:${cardList}"></p>
    <!-- 需要index的 -->
    <p th:text="${card}" th:each="index,card:${cardList}"></p>
</div>
  • 包含

声明片段

<div th:fragment="commonPart">
    <p>部分内容</p>
</div>

包含

表达式作用
th:insert插入方式引入
th:replace替换方式引入
th:include包含方式引入
<!-- ~{引入文件路径::声明片段的名称} -->
<div th:include="~{include/part::myFirstPart}"></div>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值