SpringBoot实现静态资源映射，登录功能以及访问拦截验证——以黑马瑞吉外卖为例

怼烎@ 2023-10-11 20:57 9阅读 0赞

**目录**

一、项目简介

二、设置静态资源访问路径

三、实现登录功能

四、拦截访问请求

--------------------

**本篇文章以黑马瑞吉外卖为例**

## 一、项目简介 ##

瑞吉外卖项目分为后台和前台系统，后台提供给管理人员使用，前台则是用户订餐使用

资源我们放在resources下

![ad10607789db419c9580f840e3ca1465.png][]

## 二、设置静态资源访问路径 ##

我们的资源放在resources下，当我们访问localhost:8080/backend/page/login/login.html后台登录时发现无法访问，因为springboot只要静态资源放在[类路径][Link 1]下： called `/static` (or `/public` or `/resources` or `/META-INF/resources`

才能访问，所以我们需要自定义一下资源的访问路径

我们可以通过重写 WebMvcConfigurationSupport 的 addResourceHandlers 设置静态资源访问路径， 代码如下：

@Configuration
    @Slf4j
    public class WebMvcConfig extends WebMvcConfigurationSupport {
    
        /*
         * 设置静态资源映射
         */
        @Override
        protected void addResourceHandlers(ResourceHandlerRegistry registry) {
            log.info("开始进行静态资源映射...");
            registry.addResourceHandler("/backend/**")
                    .addResourceLocations("classpath:/backend/");
            registry.addResourceHandler("/front/**")
                    .addResourceLocations("classpath:/front/");
        }
    }

于是就能访问了

![25b2a56d55ea4ec08b534480764a4920.png][]

## 三、实现登录功能 ##

通过网页检查->console 可以知道登录页面会向 employee/login 发送请求，所以我们写一个controller，实现对应的方法处理请求。对于登录请求的思路大致如下：

1.  因为数据库的密码使用md5加密，所以需要先对密码进行md5加密
2.  将提交的用户名查询数据库是否有对应的用户，无则提示登陆失败
3.  将查出的用户密码进行比对，不同则则提示登陆失败
4.  将用户id放入session域中供后面使用

@RestController
    @Slf4j
    @RequestMapping("/employee")
    public class EmployeeController {
    
        @Autowired
        private EmployeeService employeeService;
    
        @PostMapping("/login")
        public R<Employee> login(HttpServletRequest request, @RequestBody Employee employee)             
       {
            //1.将页面提交的密码password进行md5加密
            String password = employee.getPassword();
            password = DigestUtils.md5DigestAsHex(password.getBytes());
            //2.根据页面提交的用户名查询数据库
            LambdaQueryWrapper<Employee> wrapper = new LambdaQueryWrapper<>();
            wrapper.eq(Employee::getUsername, employee.getUsername());
            Employee user = employeeService.getOne(wrapper);
    
            //3.找不到用户或者密码比对失败或者账户被禁用返回错误消息
            if(user == null || !user.getPassword().equals(password)) {
                return R.error("登录失败");
            }
    
            if(user.getStatus() == 0) {
                return R.error("账户已禁用");
            }
    
            //4.登陆成功，将用户Id放入session域
            request.getSession().setAttribute("employee", user.getId());
            return R.success(user);
    
        }
    }

登录成功![b694c4e4445841a5b101f5d7608c6e93.png][]

这里我们还要实现一下登出功能，在右上角点击可以登录，我们只需要写一个对应的方法即可，需要清楚session域中的用户id，返回退出成功的信息。

/*
         * 员工退出
         */
        @PostMapping("/logout")
        public R<String> logout(HttpServletRequest request) {
            // 清除session中的用户Id
            request.getSession().removeAttribute("employee");
            return R.success("退出成功");
        }

## 四、拦截访问请求 ##

登出后我们发现直接请求员工列表也是可行的，这当然是不合理的，如果没有登陆的请求应该返回登录页面，我们可以通过一个全局过滤器实现请求的拦截，步骤如下：

对于不需要拦截的请求放行，需要的我们查看session域中是否有用户id存在，不存在则跳转回登陆页面

由于前端响应拦截器使用的是json形式，所以我们需要返回 json 形式的对应字符串

![66facbd125d74f25acbf8b277f7bcada.png][]

@WebFilter(filterName = "loginCheckFilter", urlPatterns = "/*")
    @Slf4j
    public class LoginCheckFilter implements Filter {
        // 路径匹配器，支持通配符
        public static final AntPathMatcher PATH_MATCHER = new AntPathMatcher();
    
    
        @Override
        public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
            HttpServletRequest request = (HttpServletRequest) servletRequest;
            HttpServletResponse response = (HttpServletResponse)servletResponse;
            // 1.获取请求的URI
            String requestURI = request.getRequestURI();
    
            String[] urls = new String[]{
                    "/employee/login",
                    "/employee/logout",
                    "/backend/**",
                    "/front/**"
            };
            // 2.判断访问的URI需不需要登录才可访问
            log.info("拦截到请求{}", requestURI);
            if(check(urls, requestURI)) {
                log.info("本次请求{}不需要处理", requestURI);
                filterChain.doFilter(request, response);
                return;
            }
    
            // 3.已经登录无需处理直接放行
    
            if(request.getSession().getAttribute("employee") != null) {
                log.info("用户已登录，id为{}" + request.getSession().getAttribute("employee"));
                filterChain.doFilter(request, response);
                return;
            }
    
    
            // 4. 如果未登录返回未登录结果，通过输出流的方式向客户端返回响应数据
            log.info("用户未登录");
            response.getWriter().write(JSON.toJSONString(R.error("NOTLOGIN")));
            return;
    
        }
    
        /*
         * 路径匹配，判断是否需要放行
         */
        public boolean check(String[] urls, String url) {
            for(String item : urls) {
                if(PATH_MATCHER.match(item, url)) {
                    return true;
                }
            }
            return false;
        }
    }

[ad10607789db419c9580f840e3ca1465.png]: https://img-blog.csdnimg.cn/ad10607789db419c9580f840e3ca1465.png
[Link 1]: https://so.csdn.net/so/search?q=%E7%B1%BB%E8%B7%AF%E5%BE%84&spm=1001.2101.3001.7020
[25b2a56d55ea4ec08b534480764a4920.png]: https://img-blog.csdnimg.cn/25b2a56d55ea4ec08b534480764a4920.png
[b694c4e4445841a5b101f5d7608c6e93.png]: https://img-blog.csdnimg.cn/b694c4e4445841a5b101f5d7608c6e93.png
[66facbd125d74f25acbf8b277f7bcada.png]: https://img-blog.csdnimg.cn/66facbd125d74f25acbf8b277f7bcada.png