Thymeleaf语法详解-看这一篇就够了

  • 作者: 凯哥Java(公众号:凯哥Java)
  • Thymeleaf语法
  • 时间:2023-11-12 23:11
  • 1419人已阅读
简介  本文主要介绍下Thymeleaf的基本使用的语法。Thymeleaf语法详解1.变量输出与字符串操作1.1基本用法表达式说明th:text在页面中输出值th:value可以将一个值放入到input标签的value中页面代码:<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"&

🔔🔔好消息!好消息!🔔🔔

 如果您需要注册ChatGPT,想要升级ChatGPT4。凯哥可以代注册ChatGPT账号代升级ChatGPT4

有需要的朋友👉:微信号 kaigejava2022

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

Thymeleaf语法详解

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

1.1 基本用法

表达式说明
th:text在页面中输出值
th:value可以将一个值放入到 input 标签的 value 中

页面代码:

<!DOCTYPE html>
<html 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>

Java代码:

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

访问展示效果:

ee925cca2ec4e0cc53b7e0210d6e19ba.png

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 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>

页面展示效果:

63be8a1767f03602005dbc70a790c160.png


2.日期格式化处理

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

案例:

<!DOCTYPE html>
<html 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>


TopTop