SpringBoot2 静态文件的处理

处理方式

对于静态文件一般我们会引入诸如bootstrap和jq等一些前段的UI框架,我们通常的使用方法是放到静态文件夹之中。另一种我们可以添加webjar文件进行使用

网址https://www.webjars.org/

使用:直接映入pom文件,然后在前段去使用

<!--jq-->
<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>jquery</artifactId>
    <version>3.3.1-1</version>
</dependency>
<script type="text/javascript" src="/webjars/jquery/3.3.1-1/jquery.js"></script>

问题: 如果我们自己写一点css和js怎么办? 因为会被拦截

一、自定义一个拦截器
import org.springframework.web.servlet.HandlerInterceptor;
import org.springframework.web.servlet.ModelAndView;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
// 自定义的静态资源拦截器
public class ResourceInterceptor implements HandlerInterceptor {

    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler)
            throws Exception {
        return true;
    }

    @Override
    public void postHandle(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, Object o,
                           ModelAndView modelAndView) throws Exception {

    }

    @Override
    public void afterCompletion(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse,
                                Object o, Exception e) throws Exception {

    }
}
二、将拦截器注入spring容器
import com.springboot.crud.interceptor.ResourceInterceptor;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.InterceptorRegistry;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;


@Configuration
public class ResourceConfig implements WebMvcConfigurer {


    @Override
    public void addInterceptors(InterceptorRegistry registry) {
        registry.addInterceptor(new ResourceInterceptor()).excludePathPatterns("/static/**");
    }

    @Override
    //需要告知系统,这是要被当成静态文件的!
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        // 设置文件上传的文件不拦截
//        registry.addResourceHandler("/upload/**").addResourceLocations("file:"+ TaleUtils.getUplodFilePath()+"upload/");
        //第一个方法设置访问路径前缀,第二个方法设置资源路径
        registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/");
    }

}
三、前段使用
<link rel="stylesheet" href="/static/bootstrap3.3.7/css/bootstrap.css">
<link rel="stylesheet" href="/static/bootstrap3.3.7/css/bootstrap-theme.css">
<link rel="stylesheet" href="/static/bootstrap3.3.7/css/bootstrap-datetimepicker.min.css">
<script type="text/javascript" src="/webjars/jquery/3.3.1-1/jquery.js"></script>

静态资源文件需要放到 src/main/resources/static 目录下。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值