Thymeleaf入门

最新推荐文章于 2024-10-01 09:31:44 发布

柠檬丶Ewing

最新推荐文章于 2024-10-01 09:31:44 发布

阅读量403

点赞数

分类专栏： Java Web 文章标签： thymeleaf

本文链接：https://blog.csdn.net/yygEwing/article/details/115999961

版权

Java Web 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

前言

入门级demo，仅供小伙伴入门，不涉及过多的教程（多了我也不会），入门后需要其他的知识点再慢慢去百度吧（摊手），本文对CRUD的小伙伴比较友好

四步入门Thymeleaf

步骤1：修改pom.xml文件，添加thymeleaf依赖（注：还需要添加properties）

<!--thymeleaf-->
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
    <version>2.4.0</version>
</dependency>

<properties>
    <springboot-thymeleaf.version>3.0.9.RELEASE</springboot-thymeleaf.version>
    <!--布局功能的支持查询 thymeleaf3主程序  layout2以上版本-->
    <!--thymeleaf2 layout1-->
    <thymeleaf-layout-dialect.version>2.3.0</thymeleaf-layout-dialect.version>
</properties>

步骤2：添加一个配置类ThymeLeafProperties

import org.springframework.boot.context.properties.ConfigurationProperties;
import org.springframework.util.MimeType;
import java.nio.charset.Charset;

@ConfigurationProperties(prefix = "spring.thymeleaf")
public class ThymeLeafProperties {

    private static final Charset DEFAULT_ENCODING = Charset.forName("UTF-8");
    private static final MimeType DEFAULT_CONTENT_TYPE = MimeType.valueOf("text/html");
    public static final String DEFAULT_PREFIX = "classpath:/templates/";
    public static final String DEFAULT_SUFFIX = ".html";
}

步骤3：创建一个Controller，用于浏览器访问

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import java.util.Arrays;
import java.util.Map;

@Controller
public class Hello {

    @RequestMapping("/success")
    public String success(Map map) {
        map.put("hello", "<h1>你好</h1>");
        map.put("users", Arrays.asList("张三", "lisi", "王五"));
        return "success";
    }
}

注：这里不采用@RestController注解，因为它默认会把所有返回结果的格式转为json

步骤4：在resources资源路径下的templates中添加我们的html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>success</title>
</head>
<body>
    <h1>成功</h1>
    <div>
        <!--转义-->
        <p th:text="${hello}"></p>
        <!--不转义-->
        <p th:utext="${hello}"></p>
    </div>
    <br>
    <h2 th:each="user:${users}" th:text="${user}"></h2>
    <hr/>
    <h2>
        <span th:each="user:${users}">[[${user}]]</span>
    </h2>
</body>
</html>