SpringBoot整合模板引擎Thymeleaf

港控/mmm° 2022-10-08 00:43 161阅读 0赞

# **Sp**ringBoot整合模板引擎Thymeleaf #

## 1，什么是Thymeleaf？ ##

Thymeleaf 是一个跟 Velocity、FreeMarker 类似的模板引擎相较与其他的模板引擎，它有一个最大的特点是： 
Thymeleaf，它可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。 
这是由于它支持 html 原型，然后通过在html 标签里增加额外的属性来达到模板+数据的展示的效果 
比如： 
<a th:text="$\{url\}">百度</a> 
浏览器解释 html 时会忽略未定义的标签属性，所以 thymeleaf 的模板可以静态地运行； 
当有数据返回到页面时，Thymeleaf 标签会动态地替换掉静态内容，使页面动态显示。

## 2，引入依赖 ##

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

## 3，开发阶段设置不要缓存 ##

spring:

thymeleaf:

cache: false

## 4，创建模板文件 ##

文件存放的位置：resource目录下创建templates目录

创建文件,<html xmlns:th="[http://www.thymeleaf.org][http_www.thymeleaf.org]">

<!DOCTYPE html>

<head>

<title>Insert title here</title>

</head>

<body>

Hello Spring Boot!!!!

</body>

</html>

## 5，常见的各种标签及配置 ##

> * 后台程序，依然通过model来保存值即可
> * 前端页面，引入标签声明：<html xmlns:th="[http://www.thymeleaf.org][http_www.thymeleaf.org 1]">

### 5.1字符串 ###

欢迎: 
欢迎: 
欢迎:

### 5.2条件判断 ###

> **条件不为真，则显示**
> 
> * 18\}" th:text="未超过18岁">

> **条件为真，则显示所处的年龄段**
> 
> * 33\}">老腊肉
> * 小鲜肉

> ** 三元运算符**
> 
> * 18 ? '长大了':'未成年'\}">

###  5.3循环 th:each="stu : $\{stus\}" ###

### 5.4日期格式化  ###

## 6，解决编辑页面红色警告的问题 ##

解决：File -> Settings -> Editor -> Inspections找到Thmeleaf，将后边的√取消选中就可以了

[http_www.thymeleaf.org]: https://link.zhihu.com/?target=http%3A//www.thymeleaf.org/
[http_www.thymeleaf.org 1]: https://link.zhihu.com/?target=http%3A//www.thymeleaf.org