一、Thymeleaf是什么？

  1. 简单来说Thymeleaf和JSP、Freemaker等语言一样，是一个模板驱动语言。并且因为Thymeleaf的功能比JSP更加强大，SpringBoot默认整合的前端驱动语言就是Thymeleaf所以现在多数项目都是使用Thymeleaf作为前端驱动语言。

二、整合步骤

1. IDE创建项目

1.项目截图

5.整合Thymeleaf模板驱动语言 - 图1
搭建springboot-thymeleaf名称的项目

5.整合Thymeleaf模板驱动语言 - 图2
引入spring web 和thymeleaf相关jar包

2.pom文件内容

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  3.          xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
  4.     <modelVersion>4.0.0</modelVersion>
  5.     <parent>
  6.         <groupId>org.springframework.boot</groupId>
  7.         <artifactId>spring-boot-starter-parent</artifactId>
  8.         <version>2.6.3</version>
  9.         <relativePath/> <!-- lookup parent from repository -->
  10.     </parent>
  11.     <groupId>com.example</groupId>
  12.     <artifactId>demo</artifactId>
  13.     <version>0.0.1-SNAPSHOT</version>
  14.     <name>springboot-thymeleaf</name>
  15.     <description>Demo project for Spring Boot</description>
  16.     <properties>
  17.         <java.version>1.8</java.version>
  18.     </properties>
  19.     <dependencies>
  20.         <dependency>
  21.             <groupId>org.springframework.boot</groupId>
  22.             <artifactId>spring-boot-starter-thymeleaf</artifactId>
  23.         </dependency>
  24.         <dependency>
  25.             <groupId>org.springframework.boot</groupId>
  26.             <artifactId>spring-boot-starter-web</artifactId>
  27.         </dependency>
  29.         <dependency>
  30.             <groupId>org.springframework.boot</groupId>
  31.             <artifactId>spring-boot-starter-test</artifactId>
  32.             <scope>test</scope>
  33.         </dependency>
  34.     </dependencies>
  36.     <build>
  37.         <plugins>
  38.             <plugin>
  39.                 <groupId>org.springframework.boot</groupId>
  40.                 <artifactId>spring-boot-maven-plugin</artifactId>
  41.             </plugin>
  42.         </plugins>
  43.     </build>
  45. </project>

3.controller层内容

  1. @Controller
  2. @RequestMapping("thymeleafController")
  3. public class ThymeleafController {
  6.     /****
  7.      * description: goThymeleaf
  8.      * version: 1.0 ->
  9.      * date: 2022/1/28 16:25
  10.      * author: xiaYZ
  11.      * iteration: 迭代说明
  12.      * @param
  13.      * @return org.springframework.web.servlet.ModelAndView
  14.      */
  15.     @RequestMapping("goThymeleaf")
  16.     @Description("跳转到thymeleaf页面")
  17.     public ModelAndView goThymeleaf(){
  18.         ModelAndView view = new ModelAndView();
  19.         view.addObject("message","访问thymeleaf成功");
  20.         view.setViewName("thymeleafTest");
  21.         return view;
  22.     }
  24. }

4.thymeleaf前端内容

  1. <!DOCTYPE html>
  2. <html lang="en" xmlns:th="http://www.thymeleaf.org/">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6. </head>
  7. <body>
  8.     <div th:text="${message}"></div>
  9. </body>
  10. </html>

5.文件位置

5.整合Thymeleaf模板驱动语言 - 图3
注意：前端驱动语言文件放在template文件夹中

6.运行截图

5.整合Thymeleaf模板驱动语言 - 图4
访问对应的接口，跳转的thymeleaf对应的页面并返回提示信息。
注意：因为springBoot默认整合thymeleaf所以不需要在application配置文件中配置信息，但是如果前端驱动语言是JSP或者是FreeMaker则取需要配置

总结

项目源码