thymeleaf的简介与标签的使用语法(变量输出、字符串操作、日期格式化处理、条件判断、迭代遍历、域对象操作、URL表达式)

thymeleaf的简介与标签的使用语法

一、thymeleaf简介

Thymeleaf是一个流行的模板引擎,该模板引擎采用Java语言开发,模板引擎是一个技术名词,是跨领域跨平台的概念,在Java语言体系下有模板引擎,在C#、PHP语言体系下也有模板引擎。除了thymeleaf之外还有Velocity、FreeMarker等模板引擎,功能类似。

Thymeleaf的主要目标在于提供一种可被浏览器正确显示的、格式良好的模板创建方式,因此也可以用作静态建模。你可以使用它创建经过验证的XML与HTML模板。使用thymeleaf创建的html模板可以在浏览器里面直接打开(展示静态数据),这有利于前后端分离。
注:以上简介来自


二、标签的使用

变量输出

  • th:text
    功能:在页面输出值
    语法:<span th:text="${msg}"></span>
  • th:value
    功能:可以将一个值放进input等标签的value中
    语法:<input th:value="${msg}"/>

Thymeleaf内置对象

调用内置对象一定要用#号,大部分的内置对象都以s结尾,如strings、numbers、dates

字符串操作
  • ${#strings.isEmpty(key)}
    功能:判断字符串是否为空,如果为空返回true,否则返回false

  • ${#strings.startsWith(msg,‘a’)}
    功能:判断当前字符串是否以子串开头,如果是返回 true,否则返回 false

  • ${#strings.endsWith(msg,‘a’)}
    功能:判断当前字符串是否以子串结尾,如果是返回 true,否则返回 false

  • ${#strings.length(msg)}
    功能:返回字符串的长度

  • ${#strings.indexOf(msg,‘h’)}
    功能:查找子串的位置,并返回该子串的下标,如果没找到则返回-1

  • ${#strings.substring(msg,3)}

  • ${#strings.substring(msg,1,5)}
    功能:截取子串,用法与 jdk String 类下 SubString 方法相同


  • ${#strings.toUpperCase(msg)}
  • ${#strings.toLowerCase(msg)}
    功能:字符串转大小写。

日期格式化处理

  • ${#dates.format(key)}
    格式化日期,默认的以浏览器默认语言为格式化标准

  • ${#dates.format(key,‘yyy/MM/dd’)}
    按照自定义的格式做日期转换

获取年、月、日

  • ${#dates.year(key)}
  • ${#dates.month(key)}
  • ${#dates.day(key)}
    year:取年
    Month:取月
    Day:取日

条件判断

  • th:if
<span th:if="${sex} == '男'">
   性别:男
</span>
<span th:if="${sex} == '女'">
   性别:女
</span>

  • th:switch
<div th:switch="${id}">
<span th:case="1">ID 为 1</span>
<span th:case="2">ID 为 2</span>
<span th:case="3">ID 为 3</span>
<span th:case="*">其它</span>
</div>

迭代遍历

  • th:each 迭代list
<table>
<tr th:each="item : ${list}">
    <td th:text="${item}"></td>
</tr>
</table>

  • th:each 迭代map
<table border="1">
<tr th:each="item : ${map}">
   <td th:text="${item.key}"></td>
   <td th:text="${item.value}"></td>
</tr>
</table>

域对象操作

  • HttpServletRequest】
Request:<span
th:text="${#httpServletRequest.getAttribute('req')}"></span><br/>

  • HttpSession
Session:<span th:text="${session.sess}"></span><br/>

  • ServletContext
Application:<span th:text="${application.app}"></span>

URL表达式

  • 标签:th:href和th:src
  • 基本语法:@{}
    URL类型
  • 绝对路径
 <a th:href="@{http://www.baidu.com}">绝对路径</a>
  • 相对路径:
    • 相对于项目的上下文:<a th:href="@{/show}">相对路径</a>
    • 相对于服务器路径的根:<a th:href="@{~/project2/resourcename}">相对于服务器的根</a>
    • 在 url 中实现参数传递
 <a th:href="@{/show(id=1,name=zhagnsan)}">相对路径传参</a>
  • 在 url 中通过 restful 风格进行参数传递
<a th:href="@{/path/{id}/show(id=1,name=zhagnsan)}"> 相对路径传参-restful</a>
  • 参数传递
<a th:href="@{/show(id=${id})}">show</a>

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

小吕努力变强

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

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

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

打赏作者

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

抵扣说明:

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

余额充值