thymeleaf如何配置使用
时间: 2023-10-24 20:29:50 浏览: 132
Thymeleaf的配置使用主要有以下几个步骤:
1. 在Spring Boot的配置文件(application.properties或application.yml)中添加Thymeleaf模板的配置。这些配置可以覆盖默认的配置。例如,可以设置模板文件的路径、后缀、编码、缓存等信息。比如:
```
# Thymeleaf模板配置
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html
spring.thymeleaf.mode=HTML5
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.cache=false
```
其中,`spring.thymeleaf.prefix`用于指定模板文件的路径,`spring.thymeleaf.suffix`用于指定模板文件的后缀,`spring.thymeleaf.encoding`用于指定模板文件的编码方式,`spring.thymeleaf.cache`用于指定是否启用缓存。
2. 在项目的pom.xml文件中添加Thymeleaf的依赖。可以使用`spring-boot-starter-thymeleaf`作为依赖,例如:
```
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
```
3. 编写Controller类,处理请求并返回相应的视图。在方法上使用`@RequestMapping`注解可以指定请求的URL路径,然后通过`ModelAndView`对象设置视图名和模型数据。例如:
```
@RequestMapping(value = "/greeting")
public ModelAndView test(ModelAndView mv) {
mv.setViewName("/greeting");
mv.addObject("title","欢迎使用Thymeleaf!");
return mv;
}
```
4. 在项目的资源目录下创建Thymeleaf的模板文件。在模板文件中可以使用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>
```
其中,`th:text`用于动态设置内容,`th:href`用于指定CSS文件的路径,`th:src`用于指定JavaScript文件的路径。
以上就是Thymeleaf的配置和使用步骤。通过配置文件设置Thymeleaf的模板路径、后缀、编码、缓存等信息,然后在Controller中指定视图和模型数据,最后在模板文件中使用Thymeleaf的语法进行内容的渲染。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [Springboot+Thymeleaf配置与使用](https://blog.csdn.net/m0_67393619/article/details/126509573)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
阅读全文