SpringBoot整合Thymeleaf

Leefs 2019-11-03 PM 2900℃ 2条

# SpringBoot整合Thymeleaf

### 前言

本篇小编将演示一下在SpringBoot中如何整合Thymeleaf,希望可以给大家带来一点帮助

### 步骤

1. 1.在Maven中引入Thymeleaf的依赖，在pom.xml文件中加入如下配置：

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

演示用的SpringBoot版本是`2.2.0.RELEASE`

2. 2.在SpringBoot的核心配置文件application.properties中对Thymeleaf进行配置

```properties
   #关闭Thymeleaf的缓存
   spring.thymeleaf.cache=false
   #使用遗留的html以去掉对html标签的校验
   spring.thymeleaf.mode=LFGACYHTML5
   ```

在开发阶段建议关闭Thymeaf的缓存

同时在只修改静态页面中数据时可以使用快捷键：Ctrl+F9**（重新加载静态页面）**

在使用SpringBoot的过程中，如果使用Thymeleaf作为模版文件，则要求HTML格式必须为严格的html5格式，必须有结束标签；否则会报错;

如果不想对标签进行严格的验证，使用`spring.thymeleaf.mode=LFGACYHTML5`去掉验证

去掉该验证的同时需要引入如下依赖，否则会报错：

```xml
   <dependency>
       <groupId>net.sourceforge.nekohtml</groupId>
       <artifactId>nekohtml</artifactId>
   </dependency>
   <dependency>
       <groupId>org.unbescape</groupId>
       <artifactId>unbescape</artifactId>
       <version>1.1.5.RELEASE</version>
   </dependency>
   ```

`NekoHTML`是一个Java语言的HTML扫描器和标签补全器，这个解析器能够扫描HTML文件并”修正“HTML文档中的常见错误。

`NekoHTML`能增补缺失的父元素，自动用结束标签关闭相应的元素，修复不匹配的内嵌元素标签等;

3. 3.写一个Controller去映射到模版页面：

```java
   @Controller
   public class HelloController {
   
       @RequestMapping("/index")
       public String index(Model model){
           model.addAttribute("msg","SpringBoot集成Thymeleaf");
           //return 就是你页面的路径名称,默认路径在templates路径下（不需要带.html后缀）
           return "index";
       }
   }
   ```

4. 4.在src/main/resources的templates下新建一个index.html页面用于展示数据：

HTML页面的<html>元素中加入以下属性：

> <html xmlns:th="http://www.thymeleaf.org">

页面代码

```html
   <!DOCTYPE html>
   <html lang="en" xmlns:th="http://www.thymeleaf.org">
   <head>
       <meta charset="UTF-8">
       <title>李林超博客</title>
   </head>
   <body>
       <p th:text="${msg}">
           aaaa
       </p>
   </body>
   </html>
   ```

> SpringBoot使用thymeleaf作为视图展示，
   >
   > 约定将模版文件放置在`src/main/resource/templates`目录下，
   >
   > 静态资源放置在`src/main/resource/static`目录下

5. 5.启动项目在浏览器访问地址： `http://localhost:8080/index`

![ThymeleafDemo01.png][1]

此时，说明SpringBoot整合Thymeleaf成功。

[1]: https://lilinchao.com/usr/uploads/2019/11/1796357631.png

标签: Java, SpringBoot, Thymeleaf

非特殊说明，本博所有文章均为博主原创。

如若转载，请注明出处：https://lilinchao.com/archives/124.html

上一篇 Thymeleaf简介

下一篇内部类与向上转型

取消回复

评论啦~

已有 2 条评论

答式

来了
回复 2019-11-03 23:51
小刘

大佬厉害
回复 2019-11-03 23:42

SpringBoot整合Thymeleaf

评论啦~

已有 2 条评论

栏目分类

标签云

友情链接申请

SpringBoot整合Thymeleaf

 评论啦~

已有 2 条评论

 栏目分类

标签云

友情链接申请

评论啦~

栏目分类

标签云

友情链接申请