Thymeleaf

最新推荐文章于 2024-01-09 15:06:01 发布

shumeigang

最新推荐文章于 2024-01-09 15:06:01 发布

阅读量103

点赞数

分类专栏： Thymeleaf SpringBoot

本文链接：https://blog.csdn.net/shumeigang/article/details/88089385

版权

SpringBoot 同时被 2 个专栏收录

21 篇文章 0 订阅

订阅专栏

Thymeleaf

2 篇文章 0 订阅

订阅专栏

Thymeleaf 语法详解

一变量输出与字符串操作

1.1 th:text 在页面中输出信息.

<h1>Hello : <b th:text="${name}"></b></h1>

1.2 th:value 可以将一个值放入到input 标签的value 中.

1.3判断字符串是否为空 ${#strings.isEmpty(key)}

${#strings.contains(key,‘T’)} 判断字符串是否包含指定的字符

二日期格式化处理

2.1 ${#dates.format(key)} 默认系统时间
<h4><span th:text="${#dates.format(key)}"></span></h4>

2.2 ${#dates.format(key,'yyy/MM/dd') } 按照时间格试

2.3 年 ${#dates.year(key)}

月${#dates.month(key)}

日 ${#dates.day(key)}

三条件判断

3.1 th:if=“${sex}==‘男’”

四迭代遍历

each使用

1 新建控制器

@RequestMapping(value = "index2", method = RequestMethod.GET)
public String index2(Model model) {
    List<Person> list = new ArrayList<Person>();

    Person person = new Person("小李","男");
    list.add(person);

    Person person1 = new Person("李花","女");
    list.add(person1);

    Person person2 = new Person("小明","男");
    list.add(person2);

    Person person3 = new Person("李红","女");
    list.add(person3);

    model.addAttribute("list", list);
    return "index2";
}

2 新建 index2.html

<table border="1">
    <tr th:each="m : ${list}">
        <td th:text="${m.name}"/>
        <td th:text="${m.age}"/>
    </tr>
</table>

3结果

小李	男
李花	女
小明	男
李红	女

五域对象操作

1 新建Person.cs实体类

public class Person {
    private String name;
    private String age;

    public Person(String name, String age) {
        this.name = name;
        this.age = age;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getAge() {
        return age;
    }

    public void setAge(String age) {
        this.age = age;
    }
}

2 新建控制器

@RequestMapping(value = "index", method = RequestMethod.GET)
public String index(Model model) {
    Person person=new Person("小李","男");
    person.setName("小李");
    person.setAge("男");
    model.addAttribute("person", person);
    return "index";
}

3 新建index.html

<!DOCTYPE html>
<html lang="zh-CN"
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h2>用户信息</h2>
<dl>
    <dt>用户名称:</dt>
    <dd th:text="${person.name}">默认产品名称</dd>

    <dt>用户性别:</dt>
    <dd th:text="${person.age}">350</dd>


</dl>
</body>
</html>

结果：