Spring Boot模板引擎（Thymeleaf）

2022-09-09 06:14 94阅读 0赞

# 背景 #

在前后端分离架构大行其道的当下，为什么Thymeleaf还未被淘汰，它到底有什么不可替代的优势？

1、易被对搜索引擎友好，它由服务端渲染，将页面直接输出到浏览器中，免去了动态DOM的生成环境，瞬间加载；

2、加载快。它生成的HTML文件通常只有几K，不需要用户长时间等待；特别是toC的产品，用户体验是极其重要的，通常1-2秒内页面没有打开，大家可能就直接关了；

3、上手快。对服务端开发人员友好，通常大家只需要掌握基础的HTML/CSS语法，不需要过多的学习即可开发页面。

# 如何在Spring Boot中使用 #

与其他模块的使用相同，只需要以下两步操作即可。

1、引入依赖；

2、配置（可选）；

## 具体如下 ##

**pom.xml**

引入依赖

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

**application.yml**

基础配置

spring:
      thymeleaf:
        enabled: true
        encoding: UTF-8
        prefix: classpath:/templates/
        mode: HTML5
        suffix: .html
        check-template-location: true
        cache: false
        servlet:
          content-type: text/html

**resources/templates/layout.html**

模板文件

<!DOCTYPE html>
    <html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
    
        <title th:text="${title}"></title>
    
        <style> body { font-size: 14px; line-height: 30px; } </style>
    </head>
    <body>
    
    <div>
        <div th:replace="::content">页面正文内容</div>
    </div>
    </body>
    </html>

**resources/templates/index.html**

首页

<!DOCTYPE html>
    <html xmlns:th="http://www.thymeleaf.org" th:replace="layout">
    
    <dl th:fragment="content">
    
        <dt th:text="${title}"></dt>
    </dl>
    </html>

# 基础语法 #

**循环**

**绑定对象**

**文件格式**