Spring Boot 整合 Thymeleaf 模板引擎（一）之搭建

￡神魔★判官ぃ 2022-04-10 14:22 174阅读 0赞

*  **Thymeleaf是一个适用于Web和独立环境的现代服务器端Java模板引擎，能够处理HTML，XML，JavaScript，CSS甚至纯文本。**
 *  **Spring Boot 官方推荐使用  Thymeleaf 而不是 JSP。**
 *  **[Thymeleaf使用文档。][Thymeleaf]**

# ** 1.Maven依赖包** #

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

# **2.application.yml配置** #

#thymeleaf模板配置
    spring:
       thymeleaf:
          prefix: classpath:/templates/
          suffix: .html
          cache: false #热部署文件,false页面不产生缓存,及时更新,true开启缓存

说明:其他属性采用[默认配置][Link 1]

# 3.新建Controller #

import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    @Controller
    public class IndexController {
    	
    	@RequestMapping("/")
    	public String InitProject(Model model){
    		model.addAttribute("msg", "这是thymeleaf的测试");
    		return "index";		
    	}
    }

# **4.新建index.html放到templates目录下 ** #

<!DOCTYPE html>
    <html xmlns:th="http://www.thymeleaf.org">
    <head>
    <meta charset="UTF-8">
    <title>Thymeleaf</title>
    </head>
    <body>
    	<h1 th:text="${msg}">哈哈哈</h1>
    </body>
    </html>

# **5.启动项目如下:** #

# ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTA5NTc2NDU_size_16_color_FFFFFF_t_70][] #

其他可参考《[Thymeleaf 模板引擎简介 与 Spring Boot 整合入门][Thymeleaf _ _ Spring Boot]》

[Thymeleaf]: https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html
[Link 1]: https://github.com/spring-projects/spring-boot/blob/v2.1.1.RELEASE/spring-boot-project/spring-boot-autoconfigure/src/main/java/org/springframework/boot/autoconfigure/thymeleaf/ThymeleafProperties.java
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTA5NTc2NDU_size_16_color_FFFFFF_t_70]: /images/20220328/14278db3f048450cabee05ff4aac6ca6.png
[Thymeleaf _ _ Spring Boot]: https://blog.csdn.net/wangmx1993328/article/details/81054474