SpringBoot引入并使用Thymeleaf

Posted muyer

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了SpringBoot引入并使用Thymeleaf相关的知识，希望对你有一定的参考价值。

------------恢复内容开始------------

一、Thymeleaf引入

1.maven引入starter

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

2.切换版本

由于SpringBoot的starter集成的thymeleaf2，我们需要切换成thymeleaf3，但是thymeleaf3需要layout2,所以需要加下面的版本修改

  <properties>
        <thymeleaf.version>3.0.9.RELEASE</thymeleaf.version>
        <thymeleaf-layout-dialect.version>2.2.2</thymeleaf-layout-dialect.version>
    </properties>

 

3.完整maven贴上

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xmlns="http://maven.apache.org/POM/4.0.0"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>muyer-springboot</groupId>
    <artifactId>quickStart</artifactId>
    <version>1.0-SNAPSHOT</version>

    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>1.5.9.RELEASE</version>
    </parent>
    <properties>
        <thymeleaf.version>3.0.9.RELEASE</thymeleaf.version>
        <thymeleaf-layout-dialect.version>2.2.2</thymeleaf-layout-dialect.version>
    </properties>
    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
    </dependencies>
</project>

 

二、Thymeleaf使用

1.创建templates文件夹

查看源码，如下图，我们只需要把html页面放在classpath:/templates/，thymeleaf就能够渲染了

 

 2.创建HTML

创建的html页面需要引入thymeleaf的名称空间，才会有提示

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>hello</title>
</head>
<body>
    <h1>hello Thymeleaf</h1>
    <div th:text="${name}"></div>
    <div th:each="item:${subject}">
        <div th:text="${item}"></div>
        [[${item}]]
    </div>
</body>
</html>

3.创建controller

@Controller
public class HelloController {
    @RequestMapping(value = "helloThymeleaf")
    public String hello(Map<String,Object> map){
        map.put("name","yj");
        map.put("subject", Arrays.asList("math","phy"));
        return "hello";
    }
}

4.启动测试，访问

三、Thymeleaf语法

 

以上是关于SpringBoot引入并使用Thymeleaf的主要内容，如果未能解决你的问题，请参考以下文章

009 thymeleaf的引入

springboot thymeleaf引入css和js必须添加th吗

thymeleaf：在一个页面中引入其它的页面

springboot引入thymeleaf时出现Cannot resolve MVC View ‘test‘

springboot引入thymeleaf时出现Cannot resolve MVC View ‘test‘

springboot整合Thymeleaf模板引擎