SpringBoot开发——整合Thymeleaf

最新推荐文章于 2024-09-17 16:35:30 发布

戴夫爱吃胡萝卜

最新推荐文章于 2024-09-17 16:35:30 发布

阅读量130

点赞数

分类专栏： Spring Boot

本文链接：https://blog.csdn.net/linbomm/article/details/108193903

版权

Spring Boot 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

一、pom.xml

  <!-- 继承父包 -->
  <parent>
    <artifactId>spring-boot-starter-parent</artifactId>
    <groupId>org.springframework.boot</groupId>
    <version>2.3.1.RELEASE</version>
  </parent>

  <dependencies>
    <!-- web -->
    <dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter-web</artifactId>
    </dependency>

    <!-- lombok -->
    <dependency>
      <groupId>org.projectlombok</groupId>
      <artifactId>lombok</artifactId>
    </dependency>

    <!-- 整合Thymeleaf -->
    <dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter-thymeleaf</artifactId>
    </dependency>

二、application.yml

spring:
  # thymeleaf视图解析器
  thymeleaf:
    prefix: classpath:/templates/
    suffix: .html
    mode: HTML5
    encoding: utf-8

三、Handler

@Controller
@RequestMapping("/test")
public class TestHandler {
    @GetMapping("/test1")
    public String test1(Model model){
        ArrayList<Student> students = new ArrayList<>();
        students.add(new Student(1, "张三"));
        students.add(new Student(2, "李四"));
        model.addAttribute("list", students);
        return "test";
    }
}

四、test.html

放置于templates文件夹中，次文件夹中的资源无法再浏览器直接访问，static文件夹中的文件可以直接访问

引入标签库<html xmlns:th="http://www.thymeleaf.org">

<!DOCTYPE html>
<html lang="en">
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <table>
        <tr>
            <th>id</th>
            <th>姓名</th>
        </tr>
        <tr th:each="student:${list}">
            <td th:text="${student.id}"></td>
            <td th:text="${student.name}"></td>
        </tr>

    </table>
</body>
</html>

五、Thymeleaf 常用语法

赋值和拼接

	<p th:text="${list}"></p>
    <p th:text="'名字是：'+${list}"></p>
    <p th:text="|名字是:${list}|"></p>

条件判断 if/unless （成立时/不成立时）

	<p th:if="${list==true}" th:text="条件成立"></p>
    <p th:unless="${list==true}" th:text="条件不成立"></p>

循环

	<tr th:each="student:${list}">
           <td th:text="${student.id}"></td>
           <td th:text="${student.name}"></td>
    </tr>

href拼接

	<a th:href="@{http://localhost:8080/test/{na}(na=${name})}">跳转</a>

switch

	<div th:switch="${gender}">
        <p th:case="女">女</p>
        <p th:case="男">男</p>
        <p th:case="*">未知</p>
    </div>

基本对象
#ctx ：上下文对象
#vars ：上下文变量
#locale ：区域对象
#request ：HttpServletRequest 对象
#response ：HttpServletResponse 对象
#session ：HttpSession 对象
#servletContext ：ServletContext 对象
```
<p th:text="${#request.getAttribute('request')}"></p>
```

内嵌对象
可以直接通过 # 访问。
1、dates：java.util.Date 的功能方法
2、calendars：java.util.Calendar 的功能方法
3、numbers：格式化数字
4、strings：java.lang.String 的功能方法
5、objects：Object 的功能方法
6、bools：对布尔求值的方法
7、arrays：操作数组的功能方法
8、lists：操作集合的功能方法
9、sets：操作集合的功能方法
10、maps：操作集合的功能方法

<!-- 格式化时间 -->
<p th:text="${#dates.format(date,'yyyy-MM-dd HH:mm:sss')}"></p>
<!-- 创建当前时间，精确到天 -->
<p th:text="${#dates.createToday()}"></p>
<!-- 创建当前时间，精确到秒 -->
<p th:text="${#dates.createNow()}"></p>
<!-- 判断是否为空 -->
<p th:text="${#strings.isEmpty(name)}"></p>
<!-- 判断List是否为空 -->
<p th:text="${#lists.isEmpty(users)}"></p>
<!-- 输出字符串长度 -->
<p th:text="${#strings.length(name)}"></p>
<!-- 拼接字符串 -->
<p th:text="${#strings.concat(name,name,name)}"></p>
<!-- 创建自定义字符串 -->
<p th:text="${#strings.randomAlphanumeric(count)}"></p>