Question

我有弹簧启动项目位我不能包含css文件。这是我项目的结构：

main
 -java
   -DemoApplication.java
   -Initializer.java
   -WebAppConfig.java
 -resources
   -static
     -css
      -test.css
   -templates
    -start.html
   -WEB-INF
    -web.xml

春季靴子的起点类：

@SpringBootApplication
public class DemoApplication {

    public static void main(String[] args) {
        SpringApplication.run(DemoApplication.class, args);
    }
}

用于初始化配置的WebApplicationInitializer类：

public class Initializer implements WebApplicationInitializer {
    private static final String DISPATCHER_SERVLET_NAME = "dispatcher";
    @Override
    public void onStartup(ServletContext servletContext) throws ServletException {
        AnnotationConfigWebApplicationContext ctx = new AnnotationConfigWebApplicationContext();

        ctx.register(WebAppConfig.class);
        servletContext.addListener(new ContextLoaderListener(ctx));

        ctx.setServletContext(servletContext);

        ServletRegistration.Dynamic servlet = servletContext.addServlet(DISPATCHER_SERVLET_NAME,
                new DispatcherServlet(ctx));
        servlet.addMapping("/");
        servlet.setLoadOnStartup(1);
    }
}

配置放置资源映射的文件：

@Configuration
@EnableWebMvc
@ComponentScan("com.example")
public class WebAppConfig extends WebMvcConfigurerAdapter {

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/resources/**").addResourceLocations("/resources/static/");
    }
}

这是我的页面：

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Getting Started: Handling Form Submission</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="../static/css/test.css" th:href="@{/css/test.css}" media="screen"/>
</head>
<body>
<h1>Result</h1>
<!--@thymesVar id="message" type=""-->
<p th:text="${message}" ></p>
</body>
</html>

是css

.h1{

    font-size: 11px;
    background-color: red;
}

和web.xml

<web-app version="2.4"
    xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee 
    http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
</web-app>

当我收到链接时，我会看到我的页面，但css没有

Answer 1

https://github.com/spring-projects/spring-boot/tree/master/spring-boot-starters

从示例中的任何项目开始。然后在静态文件夹中添加CSS。

Answer 2

问题在于：

@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
    registry
        .addResourceHandler("/resources/**")         // expose under /resources
        .addResourceLocations("/resources/static/"); // everything in /resources/static
}

然后您尝试通过以下方式链接：

<link rel="stylesheet" href="../static/css/test.css" th:href="@{/css/test.css}" media="screen"/>

无法工作导致网址应为@{/resources/css/test.css}。

除此之外，我同意Andy的评论：你手动配置Spring Boot已经为你做的事情。

Answer 3

只需删除注释 @EnableWebMvc

即可

@Configuration
@EnableWebMvc
@ComponentScan("com.example")
public class WebAppConfig extends WebMvcConfigurerAdapter {

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/resources/**").addResourceLocations("/resources/static/");
    }
}

我不能将css文件包含在我的Spring BOOT中

3 个答案: