thymeleaf 没有启用css
时间: 2023-11-08 15:00:32 浏览: 130
thymeleaf 默认是启用css的。根据你提供的配置信息,可以看出在yml配置文件中设置了spring.thymeleaf.mode为HTML,且spring.thymeleaf.cache为false,这意味着Thymeleaf会以HTML模式解析,并且禁用了缓存。同时,在resources下的static-locations中设置了静态资源的路径,并且禁用了缓存。因此,即使css发生变更,浏览器加载时也不会使用缓存的css文件。
相关问题
springboot用thymeleaf导入css没有高亮怎么回事
如果您在使用Spring Boot和Thymeleaf时导入CSS文件,但没有高亮显示,可能是因为没有正确设置模板引擎。请确保您的HTML文件中包含以下代码:
```
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8"/>
<title>Title</title>
<link rel="stylesheet" th:href="@{/css/style.css}"/>
</head>
<body>
...
</body>
</html>
```
其中,`xmlns:th="http://www.thymeleaf.org"`是必需的,用于声明Thymeleaf命名空间。`th:href="@{/css/style.css}"`用于指定CSS文件的路径。`@{/}`表示根路径,`/css/style.css`是CSS文件的相对路径。
如果仍然没有高亮显示,请确保您的IDE具有支持Thymeleaf的插件,并按照插件的说明进行设置。例如,在IntelliJ IDEA中,您可以安装“Thymeleaf”插件并启用它。
thymeleaf如何配置使用
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 ]
阅读全文