SpringBoot+MyBatisPlus(3)—— 登录验证(拦截)

在没有登录之前,访问其他页面都会被拦截,然后跳转到登录页面。

一. 创建Interceptor配置类

package com.stu.springboot.config;

import com.stu.springboot.interceptor.LoginInterceptor;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.InterceptorRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class InterceptorConfig implements WebMvcConfigurer {
    @Bean
    public LoginInterceptor loginInterceptor(){
        return new LoginInterceptor();
    }

    @Override
    public void addInterceptors(InterceptorRegistry registry) {
        //指定拦截的请求
        String[] path = new String[]{"/**"};   //拦截所有请求
        //指定不拦截的请求
        String[] excludePath = new String[]{"/", "/user/loginPage", "/user/registerPage", "/user/login", "/user/register"};

        registry.addInterceptor(loginInterceptor())           //添加拦截器
                .addPathPatterns(path)                 //添加拦截请求
                .excludePathPatterns(excludePath);     //添加不拦截的请求
    }
}

 二. 编写拦截器类

package com.stu.springboot.interceptor;

import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
import com.stu.springboot.pojo.User;
import com.stu.springboot.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.servlet.HandlerInterceptor;

import javax.servlet.http.Cookie;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

public class LoginInterceptor implements HandlerInterceptor {
    @Autowired
    private UserService userService;

    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        HttpSession session = request.getSession();
        User loginUser = (User) session.getAttribute("loginUser");
        if(loginUser != null){
            return true;
        }

        Cookie[] cookies = request.getCookies();
        if(cookies != null && cookies.length > 0){
            for(Cookie cookie : cookies){
                //遍历cookie,如果找到登录状态则返回true 继续执行原来的请求
                if("username".equals(cookie.getName())){
                    String username = cookie.getValue();

                    //是否存在对应的user对象
                    LambdaQueryWrapper<User> queryWrapper = new LambdaQueryWrapper<>();
                    queryWrapper.eq(User::getUsername, username);
                    User user = userService.getOne(queryWrapper);

                    //存在表示cookie,则不拦截 否则拦截
                    if(user != null){
                        session.setAttribute("loginUser", user);
                    }
                    return true;
                }
            }
        }

        response.sendRedirect(request.getContextPath() + "/user/loginPage");
        return false;
    }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
首先,你需要在后端编写一个登录验证接口,接收前端传来的用户名和密码,进行验证后返回一个 token。可以使用 Spring Security 框架进行安全认证。 在前端,你需要编写一个登录页面,使用 Vue.js 编写表单,将用户输入的用户名和密码传递给后端。当后端返回 token 后,你需要将其保存到前端的 sessionStorage 或 localStorage 中,以便后续的请求可以带上这个 token。 接着,你需要编写一个路由守卫,在用户访问主页面时进行 token 的验证。如果 token 不存在或者无效,就将用户重定向到登录页面。如果 token 有效,就将用户展示主页面。 在前端,你可以使用 Vue Router 来实现路由守卫。在后端,你可以使用拦截器来实现 token 的验证。下面是一个简单的示例代码: 后端登录接口: ```java @RestController @RequestMapping("/api") public class LoginController { @PostMapping("/login") public Result login(@RequestBody User user) { // 进行登录验证,返回 token String token = doLogin(user.getUsername(), user.getPassword()); return Result.success(token); } } ``` 前端登录页面: ```html <template> <div> <h1>Login</h1> <form @submit.prevent="handleSubmit"> <div> <label>Username:</label> <input type="text" v-model="username" /> </div> <div> <label>Password:</label> <input type="password" v-model="password" /> </div> <button type="submit">Login</button> </form> </div> </template> <script> export default { data() { return { username: '', password: '', }; }, methods: { async handleSubmit() { // 发送登录请求 const { data } = await axios.post('/api/login', { username: this.username, password: this.password, }); // 保存 token sessionStorage.setItem('token', data); this.$router.push('/main'); }, }, }; </script> ``` 前端路由守卫: ```javascript router.beforeEach((to, from, next) => { const token = sessionStorage.getItem('token'); if (to.name === 'Login') { // 如果是访问登录页面,就直接进入 next(); } else { if (!token) { // 如果 token 不存在,就重定向到登录页面 next({ name: 'Login' }); } else { // 如果 token 存在,就进入下一个路由 next(); } } }); ``` 后端拦截器: ```java @Component public class AuthenticationInterceptor extends HandlerInterceptorAdapter { @Override public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception { String token = request.getHeader("Authorization"); if (token == null || !verifyToken(token)) { response.setStatus(HttpServletResponse.SC_UNAUTHORIZED); return false; } return true; } } ``` 最后,你需要编写一个主页面,展示用户的信息和功能。当用户点击退出按钮时,你需要清除保存在前端的 token,并将用户重定向到登录页面。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值