学习springboot2的第7天(2021-12-06)43-视图解析-Thymeleaf初体验

视图解析:指的就是springboot在处理完请求之后想要跳转到某个页面的过程。

springboot默认不支持JSP,需要引入第三方模板引擎技术实现页面渲染。

学习springboot2的第7天(2021-12-06)43-视图解析-Thymeleaf初体验_springboot2


springboot默认打包方式为jar包,他是一个压缩包

jsp不支持在一个压缩包内编译的方式。

所以springboot默认不支持jsp

想要实现页面跳转,就要借助第三方的模板引擎。

springboot它支持哪几个模板引擎呢?

1、freemarker

2、groovy-templates

3、Thymeleaf

学习模板引擎里面的Thymeleaf
1、先引入依赖:

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

当前所有的pom文件:

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<parent>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-parent</artifactId>
<version>2.6.1</version>
<relativePath/> <!-- lookup parent from repository -->
</parent>
<groupId>com.rtl.boot</groupId>
<artifactId>boot-05-web-01</artifactId>
<version>0.0.1-SNAPSHOT</version>
<name>boot-05-web-01</name>
<description>boot-05-web-01</description>
<properties>
<java.version>1.8</java.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-devtools</artifactId>
<scope>runtime</scope>
<optional>true</optional>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-configuration-processor</artifactId>
<optional>true</optional>
</dependency>
<dependency>
<groupId>org.projectlombok</groupId>
<artifactId>lombok</artifactId>
<optional>true</optional>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId>
<scope>test</scope>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
</dependencies>

<build>
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
<configuration>
<excludes>
<exclude>
<groupId>org.projectlombok</groupId>
<artifactId>lombok</artifactId>
</exclude>
</excludes>
</configuration>
</plugin>
</plugins>
</build>

</project>

Thymeleaf的前后缀的定义:

学习springboot2的第7天(2021-12-06)43-视图解析-Thymeleaf初体验_maven_02


前缀:

这些页面的文件在类路径下的templates文件夹下面

后缀:

.html

准备写一个Thymeleaf的helloworld

1、在templates文件夹下面新建文件:success.html

学习springboot2的第7天(2021-12-06)43-视图解析-Thymeleaf初体验_springboot2_03


学习springboot2的第7天(2021-12-06)43-视图解析-Thymeleaf初体验_xml_04


你看,我们引入了Thymeleaf的依赖之后,新建的xml配置文件都直接有这个命名空间,这个空间是用来写代码的时候会提示。

学习springboot2的第7天(2021-12-06)43-视图解析-Thymeleaf初体验_maven_05

现在准备写一个请求,直接跳转到success.html页面

新建一个ViewTestController

学习springboot2的第7天(2021-12-06)43-视图解析-Thymeleaf初体验_springboot2_06


跳转到的success页面里面可以获取到刚才在Mode里面设置的msg属性值。

通过语法

th:text="${msg}

来取出msg的值helloThymeleaf

学习springboot2的第7天(2021-12-06)43-视图解析-Thymeleaf初体验_spring_07


浏览器访问:http://localhost:8080/helloThymeleaf

学习springboot2的第7天(2021-12-06)43-视图解析-Thymeleaf初体验_spring_08