02_SpringBoot_静态资源

野性酷女 2023-10-03 22:52 9阅读 0赞

静态资源默认存放位置

![7e0c670fdb6702adb77bfeb674f81548.png][]

resources 目录下,static/public目录是我们的静态资源目录,直接访问该目录下的资源的映射路径不需要携带/public或者/static,直接访问即可

![364d4d0dbb53b90d12640fbacd5e3ca6.png][]

如果controller的映射路径和静态资源路径冲突,会发生什么事情呢?

package com.msb.controller;
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.ResponseBody;
    /**
     * @Author: Ma HaiYang
     * @Description: MircoMessage:Mark_7001
     */
    @Controller
    public class MyController {
        @RequestMapping("/logo.png")
        @ResponseBody
        public String logo(){
            return "controller logo";
        }
    }

请求进来,先去看Controller中有没有对应的资源,如果有则,执行controller资源,如果没有,就交给静态资源处理器,静态资源处理器也没有找到,则返回404

![0e21f43d9a4d49de4d6ab80f411fbced.png][]

静态资源访问前缀  
默认无前缀,如果想指定静态资源前缀,可以 通过spring.mvc.static-path-pattern配置

![a20ce2a433e01d877688f513868805ba.png][]

yml配置如下

![d55b9ad1b371fd1fc7a1d2aedbc6a0b7.png][]

请求路径上通过 项目上下文路径+静态资源前缀+静态资源名的方式访问

![3f7d9d1e0c8c9a29340949fbd26882c1.png][]

指定静态资源位置

静态资源默认存放的路径为static content from a directory called /static (or /public or /resources or /META-INF/resources)

可以通过

![dadee5def86b38cb708b452a9cb808bf.png][]

static-locations 指定专门的静态资源路径

![3a1a48356a8c4492221d9849f9b1651a.png][]

springboot还支持静态资源webjars 的处理方式,就是将静态资源打成jar导入  
https://www.webjars.org/

![e6a85fde0e714fa737dc9bc4ec0ebea2.png][]

项目中导入jQuery依赖

<dependency>
        <groupId>org.webjars</groupId>
        <artifactId>jquery</artifactId>
        <version>3.6.0</version>
    </dependency>

导入后,自动映射

![9e83a258f98555053b37714a845d0849.png][]

http://localhost:8080/springboot-static-content/res/webjars/jquery/3.6.0/jquery.js  
或者  
http://localhost:8080/springboot-static-content/webjars/jquery/3.6.0/jquery.js

![c639f44b890dd020b516e7f3c7c2d60f.png][]

欢迎页功能

![a7821c239b33ac37e3fc4432cd509299.png][]

方式1 支持静态资源欢迎页, index.html 注意此时不能配置静态资源前缀,否则不生效  
静态资源位置

![9e9838e9a85bc67cbe8c3c549cdfb3ad.png][]

方式2 通过controller ,定义 / 和/index映射 路径

@RequestMapping(path={"/","/index"})
        public String welcome(){
            return "welcome";
        }

导入thymeleaf

<dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-thymeleaf</artifactId>
                <version>2.4.5</version>
            </dependency>

定义Favicon

![9e6a06f369af91c658c35bb0c1b20264.png][]

![a8b32d7044d3f8949163441d16dddda1.png][]

static目录下准备一个favicon.ico的一个图片即可

![ebe76af80f1d98a98eacebbe3c8c7eb7.png][]

浏览器默认访问favicon.ico的路径为 协议://ip:端口号/favicon.ico,所以这里不要设置项目的上下文路径

拦截器静态资源放行

定义一个登陆页面

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <link type="text/css" href="css/mycss.css">
        <script src="js/myjs.js"></script>
    </head>
    <body>
    <img src="img/logo.png">
    <form action="login">
        <input type="text" name="username" >
        <input type="submit">
    </form>
    </body>
    </html>

定义一个登陆controller

package com.msb.controller;
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    import javax.servlet.http.HttpServletRequest;
    /**
     * @Author: Ma HaiYang
     * @Description: MircoMessage:Mark_7001
     */
    @Controller
    public class LoginController {
        @RequestMapping("/login")
        public String login(String username, HttpServletRequest request){
            if(null != username&&!"".equals(username)){
                request.getSession().setAttribute("username", username);
                return "main";
            }
            return "redirect:/login.html";
        }
    }

定义一个登陆拦截器

package com.msb.interceptor;
    import org.springframework.stereotype.Component;
    import org.springframework.web.servlet.HandlerInterceptor;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    /**
     * @Author: Ma HaiYang
     * @Description: MircoMessage:Mark_7001
     */
    @Component
    public class LoginInterceptor implements HandlerInterceptor {
        @Override
        public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
            Object username = request.getSession().getAttribute("username");
            // 如果登录过,那么就放行
            if(null != username){
                return true;
            }
            // 如果没登陆过,那么就回到登录页,重定向
            response.sendRedirect("login.html");
            return false;
        }
    }

配置拦截器

package com.msb.config;
    import com.msb.interceptor.LoginInterceptor;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.context.annotation.Configuration;
    import org.springframework.web.servlet.config.annotation.InterceptorRegistry;
    import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
    /**
     * @Author: Ma HaiYang
     * @Description: MircoMessage:Mark_7001
     */
    @Configuration
    public class MyInterceptorRegist implements WebMvcConfigurer {
        @Autowired
        private LoginInterceptor loginInterceptor;
        //配置拦截器的映射
        @Override
        public void addInterceptors(InterceptorRegistry registry) {
            registry.addInterceptor(loginInterceptor).addPathPatterns("/**").excludePathPatterns("/login","/login.html","/css/**","/js/**","/img/**","/font/**");
        }
    }

template下的main.html

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    this is main... ...
    </body>
    </html>

[7e0c670fdb6702adb77bfeb674f81548.png]: https://img-blog.csdnimg.cn/img_convert/7e0c670fdb6702adb77bfeb674f81548.png
[364d4d0dbb53b90d12640fbacd5e3ca6.png]: https://img-blog.csdnimg.cn/img_convert/364d4d0dbb53b90d12640fbacd5e3ca6.png
[0e21f43d9a4d49de4d6ab80f411fbced.png]: https://img-blog.csdnimg.cn/img_convert/0e21f43d9a4d49de4d6ab80f411fbced.png
[a20ce2a433e01d877688f513868805ba.png]: https://img-blog.csdnimg.cn/img_convert/a20ce2a433e01d877688f513868805ba.png
[d55b9ad1b371fd1fc7a1d2aedbc6a0b7.png]: https://img-blog.csdnimg.cn/img_convert/d55b9ad1b371fd1fc7a1d2aedbc6a0b7.png
[3f7d9d1e0c8c9a29340949fbd26882c1.png]: https://img-blog.csdnimg.cn/img_convert/3f7d9d1e0c8c9a29340949fbd26882c1.png
[dadee5def86b38cb708b452a9cb808bf.png]: https://img-blog.csdnimg.cn/img_convert/dadee5def86b38cb708b452a9cb808bf.png
[3a1a48356a8c4492221d9849f9b1651a.png]: https://img-blog.csdnimg.cn/img_convert/3a1a48356a8c4492221d9849f9b1651a.png
[e6a85fde0e714fa737dc9bc4ec0ebea2.png]: https://img-blog.csdnimg.cn/img_convert/e6a85fde0e714fa737dc9bc4ec0ebea2.png
[9e83a258f98555053b37714a845d0849.png]: https://img-blog.csdnimg.cn/img_convert/9e83a258f98555053b37714a845d0849.png
[c639f44b890dd020b516e7f3c7c2d60f.png]: https://img-blog.csdnimg.cn/img_convert/c639f44b890dd020b516e7f3c7c2d60f.png
[a7821c239b33ac37e3fc4432cd509299.png]: https://img-blog.csdnimg.cn/img_convert/a7821c239b33ac37e3fc4432cd509299.png
[9e9838e9a85bc67cbe8c3c549cdfb3ad.png]: https://img-blog.csdnimg.cn/img_convert/9e9838e9a85bc67cbe8c3c549cdfb3ad.png
[9e6a06f369af91c658c35bb0c1b20264.png]: https://img-blog.csdnimg.cn/img_convert/9e6a06f369af91c658c35bb0c1b20264.png
[a8b32d7044d3f8949163441d16dddda1.png]: https://img-blog.csdnimg.cn/img_convert/a8b32d7044d3f8949163441d16dddda1.png
[ebe76af80f1d98a98eacebbe3c8c7eb7.png]: https://img-blog.csdnimg.cn/img_convert/ebe76af80f1d98a98eacebbe3c8c7eb7.png