SpringBoot整合Thymeleaf详解

文章目录

SpringBoot整合Thymeleaf详解
- 一、引言
- 二、SpringBoot与Thymeleaf的整合
- - 1、配置Thymeleaf
  - - 1.1、添加依赖
    - 1.2、配置属性
  - 2、创建Controller
- 三、编写Thymeleaf模板
- 四、总结

SpringBoot整合Thymeleaf详解

一、引言

在现代Java Web开发中，Spring Boot因其简化配置和快速开发的特点而广受欢迎。Thymeleaf作为一个现代服务器端Java模板引擎，能够很好地与Spring Boot集成，提供声明式的视图处理。本文将详细介绍如何在Spring Boot项目中整合Thymeleaf，并展示其基本用法。

二、SpringBoot与Thymeleaf的整合

1、配置Thymeleaf

1.1、添加依赖

首先，我们需要在项目的pom.xml文件中添加Thymeleaf的依赖：

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

1.2、配置属性

接下来，在application.properties或application.yml文件中配置Thymeleaf的相关属性。
以application.properties为例：

# Thymeleaf模板配置
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html
spring.thymeleaf.mode=HTML5
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.content-type=text/html
spring.thymeleaf.cache=false

以application.yml文件中配置Thymeleaf的相关属性：

spring:thymeleaf:prefix: classpath:/templates/suffix: .htmlmode: HTML5encoding: UTF-8content-type: text/htmlcache: false

在开发阶段，建议将cache设置为false以禁用缓存，这样可以即时看到页面的更改效果。

2、创建Controller

创建一个简单的Controller来返回视图和数据：

@Controller
public class GreetingController {@RequestMapping(value = "/greeting")public ModelAndView test(ModelAndView mv) {mv.setViewName("greeting");mv.addObject("title", "欢迎使用Thymeleaf!");return mv;}
}

三、编写Thymeleaf模板

在src/main/resources/templates目录下创建greeting.html文件，编写Thymeleaf模板：

<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head><title>Getting Started: Serving Web Content</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><link th:href="@{/css/1.css}" rel="stylesheet"/>
</head>
<body>
<p th:text="'Hello, ' + ${title}" /><br/><script th:src="@{/js/jquery/1.11.0/jquery.js}"></script>
<script>$(function(){alert("page load finish.");});
</script>
</body>
</html>