【发布时间】：2021-12-29 23:04:30
【问题描述】：
我正在使用 Spring、Spring MVC、Thymeleaf 开发一个站点并遇到了问题：css 文件的样式未应用于我的页面。 项目结构如下：
java
com
tournament
config
MySpringMVCDispatcherServletInitialize.java
SpConfig.java
controllers
HomePageController.java
webapp
WEB-INF
views
css
style.css
home_page.html
style.css：
p{
font-size: 200%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #336;
}
body{
background-color: red;
}
home_page.html：
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" th:href="@{/css/style.css}" media="all">
</head>
<body>
<p>Hello</p>
</body>
</html>
在 SpConfig 中有这样的配置：
@Configuration
@ComponentScan("com.tournament")
@EnableWebMvc
public class SpConfig implements WebMvcConfigurer {
private final ApplicationContext applicationContext;
@Autowired
public SpringConfig(ApplicationContext applicationContext) {
this.applicationContext = applicationContext;
}
@Bean
public SpringResourceTemplateResolver templateResolver() {
SpringResourceTemplateResolver templateResolver = new SpringResourceTemplateResolver();
templateResolver.setApplicationContext(applicationContext);
templateResolver.setPrefix("/WEB-INF/views/");
templateResolver.setSuffix(".html");
return templateResolver;
}
@Bean
public SpringTemplateEngine templateEngine() {
SpringTemplateEngine templateEngine = new SpringTemplateEngine();
templateEngine.setTemplateResolver(templateResolver());
templateEngine.setEnableSpringELCompiler(true);
return templateEngine;
}
@Override
public void configureViewResolvers(ViewResolverRegistry registry) {
ThymeleafViewResolver resolver = new ThymeleafViewResolver();
resolver.setTemplateEngine(templateEngine());
registry.viewResolver(resolver);
}
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry {
registry.addResourceHandler("/css/**")
.addResourceLocations("/WEB-INF/css/");
}
在 home_page.html 中将光标放在th:href="@{/css/style.css}" 上，看起来 css 文件的路径是正确的，但是在页面 home_page.html 上启动服务器时，没有包含在 style.css 中的样式。那么我该如何应用这种风格呢？
【问题讨论】：
-
你在使用 Spring Boot 吗？如果是这样，您可以完全删除您的
SpConfig文件并将您的 CSS 放在src/main/resources/static/css中，并将您的 Thymeleaf 模板放在src/main/resources/templates中，事情就会这样工作。 -
@WimDeblauwe 感谢您的回答，但没有 Spring Boot。
标签： java html spring spring-mvc thymeleaf