发表新帖
发表新帖

Where to put static files such as CSS in a spring-boot project?

后端 未结
关注
10 1908
猫巷女王i
猫巷女王i 2020-12-02 09:47

In my current spring-boot project, my views have this line:

to reference a static css

相关标签:
10条回答
  • 攒了一身酷
    2020-12-02 10:09
    • src/resource/static/css
    • src/resource/static/js
    • src/resource/static/images

    Not use @EnableWebMvc if you are using spring boot and check spring sercurity.

    0 讨论(0)
  • 终归单人心
    2020-12-02 10:14

    Disabling @EnableWebMvc helped me to resolve issue.

    0 讨论(0)
  • 一向
    2020-12-02 10:15

    I use Spring-Boot 2.0.2

    I still keep @EnableWebMvc annotation in my webConfig.java and override addResourceHandlers() method to help browser reaches css and javascript files through http request.

    This is the webapp directory's structure

    directory structure.

    webConfig.java

    @Configuration
@EnableWebMvc
@ComponentScan(basePackages = "example.com")
public class WebConfig implements WebMvcConfigurer {

    // =======================================
    // =             Bean Config             =
    // =======================================

    @Bean
    public InternalResourceViewResolver getInternalResourceViewResolver(){
        InternalResourceViewResolver resolver = new InternalResourceViewResolver();
        resolver.setPrefix("/WEB-INF/jsp/");
        resolver.setSuffix(".jsp");

        return resolver;
    }


    // =======================================
    // =          Override Methods           =
    // =======================================

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/pdfs/**")
                .addResourceLocations("/WEB-INF/pdfs/");

        registry.addResourceHandler("/css/**")
                .addResourceLocations("/WEB-INF/css/");

        registry.addResourceHandler("/js/**")
                .addResourceLocations("/WEB-INF/js/");
    }
}

    index.jsp head tag:

    <head>
    <title>Title</title>

    <!-- Custom styles for this template -->
    <link href="css/cover.css" rel="stylesheet">
</head>

    hope it helps you.

    0 讨论(0)
  • 离开以前
    2020-12-02 10:19

    I use Spring-Boot with Thymeleaf http://www.thymeleaf.org/

    This is the directory's structure like @Andy Wilkinson Response

    Example

    <link rel="stylesheet" href="../static/css/w3.css" th:href="@{/css/w3.css}">
    0 讨论(0)
  • 天涯浪人
    2020-12-02 10:22

    You can use Thymeleaf http://www.thymeleaf.org/

    Example

    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <link rel="stylesheet" th:href="@{/css/signin.css}"/>
</head>
<body>
</body>
</html>

    Remember to add xmlns and xmlns:th in your html tag.

    Check your application.properties:

    spring.resources.add-mappings=true

    If that key is set to false, spring boot app will not load any resources.

    0 讨论(0)
  • 無奈伤痛
    2020-12-02 10:25

    In my case to reference files inside css and js folders like this:

    <script src="js/bootstrap.min.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/carousel.css" rel="stylesheet">

    I had to place the folders in webapp folder. I have the following folder structure:

    Myapp

    -src
     -main
           -java
           -resources
                    -static
                    -templates
           -webapp
                  -resources
                  -WEB-INF

    I mean if i had placed the css and js folders in resources folder (under main) it would have been:

    <link href="../resources/css/carousel.css" rel="stylesheet">
<link href="../resources/css/bootstrap.min.css" rel="stylesheet">
<script src="../resources/js/bootstrap.min.js"></script>

    If i place them in static folder (under resources) it doesn't work.

    0 讨论(0)
 看不清?
提交回复
热议问题