Thymeleaf语法详解

最新推荐文章于 2024-08-07 08:36:31 发布
最新推荐文章于 2024-08-07 08:36:31 发布
阅读量4.8k 收藏 45
点赞数 7
分类专栏： # SPRINGBOOT系列 文章标签： Thymeleaf 基本使用 语法详解
禁止转载
本文链接：https://blog.csdn.net/qq_38526573/article/details/90232629
版权

  本文主要介绍下Thymeleaf的基本使用的语法。

Thymeleaf语法详解

1.变量输出与字符串操作

1.1 基本用法

表达式说明
th:text在页面中输出值
th:value可以将一个值放入到 input 标签的 value 中
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Thymeleaf基本使用</title>
</head>
<body>
    <h1>基本使用</h1>
    <h2>th:text使用</h2>
    <span th:text="hello"></span><br>
    <span th:text="${msg}"></span><br>
    <h2>th:value使用</h2>
    <input type="text" th:value="测试值"><br>
    <input type="text" th:value="${msg}"><br>
</body>
</html>

    @RequestMapping("/t1")
    public String t1(Model model){
        model.addAttribute("msg","th:text使用");
        return "t1";
    }

在这里插入图片描述

1.2 判断字符串是否为空
Thymeleaf 内置对象
注意语法：
a.调用内置对象一定要用#
b.大部分的内置对象都以 s 结尾 strings、numbers、dates

表达式说明
${#strings.isEmpty(key)}判断字符串是否为空，如果为空返回 true，否则返回 false
${#strings.contains(msg,‘T’)}判断字符串是否包含指定的子串，如果包含返回 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,13)}
${#strings.substring(msg,13,15)}		截取子串，用户与 jdk String 类下 SubString 方法相同
${#strings.toUpperCase(msg)}字符串转大写。
${#strings.toLowerCase(msg)}字符串转小写。

案例

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Thymeleaf基本使用</title>
</head>
<body>
    <h1>基本使用</h1>
    <h2>string类型处理</h2>
    <span th:text="${#strings.isEmpty(msg)}"></span>
    <hr/>
    <span th:text="${#strings.contains(msg,'9')}"></span>
    <span th:text="${#strings.contains(msg,'t')}"></span>
    <hr/>
    <span th:text="${#strings.startsWith(s1,'a')}"></span>
    <span th:text="${#strings.startsWith(s1,'T')}"></span>
    <hr/>
    <span th:text="${#strings.endsWith(s1,'a')}"></span>
    <span th:text="${#strings.endsWith(s1,'g')}"></span>
    <hr/>
    <span th:text="${#strings.length(s1)}"></span>
    <hr/>
    <span th:text="${#strings.indexOf(s1,'b')}"></span>
    <hr/>
    <span th:text="${#strings.substring(s1,4)}"></span>
    <span th:text="${#strings.substring(s1,4,6)}"></span>
    <hr/>
    <span th:text="${#strings.toUpperCase(s1)}"></span>
    <span th:text="${#strings.toLowerCase(s2)}"></span>
    <hr/>
</body>
</html>

 @RequestMapping("/t2")
 public String t2(Model model){
     model.addAttribute("msg","th:text使用");
     model.addAttribute("s1","abcdefg");
     model.addAttribute("s2","AbCdEfG");
     model.addAttribute("s3","abc123");
     return "t2";
 }

在这里插入图片描述

2.日期格式化处理

表达式说明
${#dates.format(key)}格式化日期，默认的以浏览器默认语言为格式化标准
${#dates.format(key,‘yyy/MM/dd’)}按照自定义的格式做日期转换
${#dates.year(key)}取年
${#dates.month(key)}取月
${#dates.day(key)}取日

案例

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Thymeleaf基本使用</title>
</head>
<body>
    <h1>基本使用</h1>
    <h2>Date使用</h2>
        <span th:text="${#dates.format(now)}"></span>
    <hr>
    <span th:text="${#dates.format(now,'yyyy-MM-dd')}"></span>
    <hr>
    <span th:text="${#dates.format(now,'yyyy-MM-dd hh:ss:mm')}"></span> <hr>
    <span th:text="${#dates.format(now,'yyyy-MM-dd HH:ss:mm')}"></span> <hr>
    <span th:text="${#dates.year(now)}"></span> <hr>
    <span th:text="${#dates.month(now)}"></span> <hr>
    <span th:text="${#dates.day(now)}"></span> <hr>
    <span th:text="${#dates.dayOfWeek(now)}"></span> <hr>
    <span th:text="${#dates.hour(now)}"></span> <hr>
</body>
</html>

 @RequestMapping("/t3")
 public String t3(Model model){
     model.addAttribute("now",new Date());
     return "t3";
 }

在这里插入图片描述

3.条件判断

表达式说明
th:ifif语句
th:switchswitch语句

案例

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Thymeleaf基本使用</title>
</head>
<body>
    <h1>基本使用</h1>
    <h2>if语句</h2>

    <span th:if="${sex} == '男'" >男</span>
    <span th:if="${sex} == '女'" >男</span> <hr>
    <h2>switch语句</h2>

    <span 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>
</body>
</html>

 @RequestMapping("/t4")
 public String t4(Model model){
     model.addAttribute("sex","男");
     model.addAttribute("id",2);
     return "t4";
 }

在这里插入图片描述

4.迭代遍历

  循环遍历是我们经常要用到的功能。具体实现如下

@RequestMapping("/t5")
public String t5(Model model){
    List<User> list = new ArrayList<>();
    list.add(new User(1,"张三",18));
    list.add(new User(2,"李四",19));
    list.add(new User(3,"王五",20));
    Map<String, User> map = new HashMap<>();
    map.put("u1", new User(1,"张三",20));
    map.put("u2", new User(2,"李四",22));
    map.put("u3", new User(3,"王五",24));
    model.addAttribute("map", map);
    model.addAttribute("list",list);
    return "t5";
}

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Thymeleaf基本使用</title>
</head>
<body>
    <h1>基本使用</h1>
    <h2>迭代语句</h2>
    <table border="1"  style="border-collapse: collapse">
        <tr>
            <th>ID</th>
            <th>Name</th>
            <th>Age</th>
        </tr>
        <tr th:each="u : ${list}">
            <td th:text="${u.id}"></td>
            <td th:text="${u.username}"></td>
            <td th:text="${u.userage}"></td>
        </tr>
    </table>
    <hr>
    <h2>状态变量</h2>
    <table border="1" style="border-collapse: collapse">
        <tr>
            <th>ID</th>
            <th>Name</th>
            <th>Age</th>
            <th>Index</th>
            <th>Count</th>
            <th>Size</th>
            <th>Even</th>
            <th>Odd</th>
            <th>First</th>
            <th>lase</th>
        </tr>
        <tr th:each="u,var : ${list}">
            <td th:text="${u.id}"></td>
            <td th:text="${u.username}"></td>
            <td th:text="${u.userage}"></td>
            <td th:text="${var.index}"></td>
            <td th:text="${var.count}"></td>
            <td th:text="${var.size}"></td>
            <td th:text="${var.even}"></td>
            <td th:text="${var.odd}"></td>
            <td th:text="${var.first}"></td>
            <td th:text="${var.last}"></td>
        </tr>
    </table>
    <h2>th:each 迭代 Map</h2>
    <table border="1"  style="border-collapse: collapse">
        <tr>
            <th>ID</th>
            <th>Name</th>
            <th>Age</th>
        </tr>
        <tr th:each="maps : ${map}">
            <td th:text="${maps.getKey()+':'+maps.getValue().id}"></td>
            <td th:text="${maps.getKey()+':'+maps.getValue().username}"></td>
            <td th:text="${maps.getKey()+':'+maps.getValue().userage}"></td>
        </tr>
    </table>
    <th/>

</body>
</html>

在这里插入图片描述

5.域对象操作

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Thymeleaf基本使用</title>
</head>
<body>
    <h1>基本使用</h1>
    <h2>三大作用域取值</h2>

    request：<br>
    <span th:text="${#httpServletRequest.getAttribute('req')}"></span><br>
    <span th:text="${#request.getAttribute('req')}"></span><br>
    <span th:text="${req}"></span><br>
    <hr>
    session:<br>
    <span th:text="${#httpSession.getAttribute('sess')}"></span><br>
    <span th:text="${#session.getAttribute('sess')}"></span><br>
    <hr>
    servletContext:<br>
    <span th:text="${#servletContext.getAttribute('app')}"></span><br>
</body>
</html>

@RequestMapping("/t6")
public String t6(HttpServletRequest request){
   request.setAttribute("req","request  msg");
   request.getSession().setAttribute("sess","session.sess");
   request.getServletContext().setAttribute("app","servletContext msg");
    return "t6";
}

在这里插入图片描述

6.URL表达式

  URL的常用方式如下:

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Thymeleaf基本使用</title>
</head>
<body>
    <h1>基本使用</h1>
    <h2>URL使用</h2>

    <a th:href="@{http://www.baidu.com}">绝对路径</a><br/>
    <a href="http://www.baidu.com">绝对路径2</a>
    <hr/>
    <a th:href="@{/show}">相对路径</a>
    <hr/>
    <a th:href="@{~/project2/resourcename}">相对于服务器的根</a>
    <hr/>
    <a th:href="@{/show(id=1,name=zhagnsan)}">相对路径-传参</a>
    <hr/>
    <a th:href="@{/path/{id}/show(id=1,name=zhagnsan)}">相对路径-传参-restful</a>
</body>
</html>

在这里插入图片描述

波波烤鸭
关注
专栏目录
Thymeleaf语法总结
qq_45620118的博客
04-10 310
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...
thymeleaf 基本语法
weixin_30595035的博客
06-17 772
四、标准表达式语法 · 简单表达式 （simple expressions） 　　${...} 变量表达式 　　*{...} 选择变量表达式 　　#{...} 消息表达式 　　@{...} 链接url表达式 · 字面量 　　'one text','another one!',... 文本 　　0,34,3.0,12.3,... 数值 　　true false 布尔类型...
Thymeleaf_条件判断语句
最新发布
m0_68079787的博客
08-07 447
在使用这些条件判断语句时，确保你的后端模型中包含了相应的数据，以便Thymeleaf可以正确地解析和执行这些条件。：虽然主要用于循环，但也可以用来进行条件判断，因为它可以迭代一个条件为真的集合。：用于检查一个条件是否为真，如果为真，则渲染包含该属性的标签及其内容。：用于创建局部变量，通常与条件判断结合使用，以简化复杂表达式。：用于更复杂的条件判断，可以根据不同的值渲染不同的内容。相反，如果条件为假，则渲染包含该属性的标签及其内容。为false，则会渲染。为true，则会渲染。集合，但只会渲染那些。
thymeleaf语法大全
weixin_45929885的博客
08-28 1515
thymeleaf语法大全 文章目录thymeleaf语法大全注意事项总体预览th:text :普通的messageth:utext:==能够将message中的html标签转化为其html标签而不是转化为文本==\#{}${}{num}Expression Basic ObjectsExpression Utility Objects*{}th:object@{},**th:href**Literal substitutionsData Conversion / FormattingSetting Att
thymeleaf基本语法
dyk
07-10 672
thymeleaf基本语法Spring Boot整合Thymeleaf 模版依赖创建模板文件定义页面简单表达式Thymeleaf 常用语法定义局部变量注释标准注释析器级注释取值拼接*{…}内联表达式[[ ]][( )]th:inline字面值文字字面值数字字面值布尔字面值空字面值字符串连接字面值替换算术运算布尔运算比较运算三元运算二元运算符使用文本th:text##### th:utext设置属性th:attrth:*th:\*-\*th:attrappend & th:attrprepend布尔属
Thymeleaf的常用语法
万猫学社
06-27 2601
通过以上介绍，相信你已经对Thymeleaf的常用语法有了一定的了解。在实际项目中，你可以根据需要灵活运用这些语法，编写出优雅、高效的模板。
Thymeleaf的基本语法总结
weixin_33831673的博客
02-25 239
最近用Spring boot开发一些测试平台和工具，用到页面展示的部分， 选择的是thymeleaf模版引擎。 页面开发的7788快结束了，下面来总结下此过程中对thymeleaf的使用总结。 什么是Thymeleaf Thymeleaf是一个Java库。它是一个XML/XHTML/HTML5模板引擎，能够在模板文件上应用一组转换，将程序产生的数据或者文本显示到模板文...
十 Thymeleaf语法详解-迭代遍历
fangguozi的专栏
02-26 1003
1 th:each @Controller public class DemoController { @RequestMapping("/showInfo3") public String showInfo3(Model model) { List&lt;User&gt; list = new ArrayList&lt;&gt;(); list.add(new User(1,...
十一 Thymeleaf语法详解-获取作用域对象中的数据
fangguozi的专栏
02-26 5400
@Controller public class DemoController { @RequestMapping("/showInfo5") public String showInfo5(HttpServletRequest request, Model model) { request.setAttribute("req", "HttpServletRequest"); req...
十二 Thymeleaf语法详解-URL表达式
fangguozi的专栏
02-26 1865
  /** * Thymeleaf url表达式 */ @Controller public class DemoController { @RequestMapping("/{page}") public String showInfo (@PathVariable String page, Integer id, String name) { System.out.printl...
Thymeleaf语法汇总
m0_46539364的博客
09-09 495
一、Thymeleaf介绍 Thymeleaf是Spring boot推荐使用的模版引擎（JSP、Velocity、Freemarker、Thymeleaf），直接以html显示，前后端可以很好的分离。 2、引入thymeleaf； <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring‐boot‐starter‐thyme
Thymeleaf 语法详解
老隋的播客
04-04 1206
目录 一.变量输出与字符串操作 1.1th:text 1.2 th:value 二.对字符串的处理 三.日期格式化处理 四.条件判断 4.1 th:if 4.2th:switch 五.迭代遍历 5.1 th:each 5.2 th:each 状态变量 5.3th:each 迭代 Map 六.域对象操作 6.1HttpServletRequest 6.2...
Thymeleaf基础知识语法
weixin_47480200的博客
03-19 2087
Thymeleaf是⾯向Web和独⽴环境的现代服务器端Java模板引擎，能够处理HTML、XML、JavaScript、CSS、TEXT、RAW这六种模板。这六种模版模式包含两种标记模板模式（HTML和XML），三种⽂本模板模式（TEXT，JAVASCRIPT和CSS）和⼀个⽆操作模板模式（RAW）。①简单表达式②文字③⽂本操作④算术运算符⑤布尔运算符⑥⽐较和相等运算符⑦条件运算符⑧特殊符号无操作： _
thymeleaf语法
zrxJuly
05-30 271
格式化日期 <span th:text="${#dates.format(formatTime,'yyyy-MM-dd HH:mm:ss')}"></span> loading
Thymeleaf基本语法及使用方法
weixin_44302046的博客
04-14 9566
目录 官网：thymeleaf使用方法 1、thymeleaf简介 2、基本语法 2.1、表达式 2.2、字面量 2.3、文本操作 2.4、数学运算 2.5、布尔运算 2.6、比较运算 2.7、条件运算 3、设置属性值-th:attr 3.1、设置单个值 3.2、设置多个值 3.3、简化写法 th:xxxx 4、迭代（循环遍历） 5、条件运算 6、thymeleaf使用 6.1、引入依赖 6.2、页面开发demo 官网：thymeleaf使用方法 1、thymel.
thymeleaf快速入门教程
热门推荐
前往JAVA架构的路上
07-21 12万+
thymeleaf教程怎么使用？前端html页面标签中引入如下：<html xmlns:th="http://www.thymeleaf.org">表达式 简单表达式 可用值表达式(后台设置): ${…} 所有可用值表达式: *{…} 比如*{name} 从可用值中查找name，如果有上下文，比如上层是object，则查object中的name属性。消息表达式: #{…} 国际
Springboot实战：Thymeleaf常用语法详解（四）
本篇文章是关于Spring Boot框架下的Thymeleaf常用语法的深入解析，旨在帮助读者在Spring Boot实战项目中更好地理解和运用Thymeleaf模板引擎。文章由“虾米大王教你学编程”撰写，以一个实际项目的开发流程为引导，从...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

波波烤鸭

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

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

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

打赏作者

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

抵扣说明：

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

余额充值