路由守卫&拦截器的使用

一、路由守卫

        1、登录

                登录之后 跳转到 main 页面

                在之前我们用 session.getAttribute(" ")

   现在实现前后端分离

                        前端 Vue        后端SpringBoot

                前后端分离之后，后端是无法直接控制前端的 

                没有登陆 跳转到 登录 页面

2、写一个实体类

package com.aaa.util;
 
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
 
@Data
@AllArgsConstructor //全参构造
@NoArgsConstructor //无参构造
public class ResponseVo {
    /**
     * code
     */
    private Integer code = 200;
    /**
     * msg
     */
    private String msg = "操作成功";
    /**
     * data
     */
    private T data;
 
    public ResponseVo (T data){
        this.data=data;
    }
 
    /**
     * 成功
     * @param data
     * @return
     * @param 
     */
    public static ResponseVo SUCCESS(T data){
        return new ResponseVo(data);
    }
    /**
     * 失败
     * @param data
     * @return
     * @param 
     */
    public static ResponseVo FAIL(T data){
        return new ResponseVo(500,"操作失败",data);
    }
}

3、controller层

4、service层

package com.aaa.service;
 
import com.aaa.entity.User;
import com.baomidou.mybatisplus.extension.service.IService;
 
/**
 * 

 * 用户信息表 服务类
 * 
 *
 * @author gkf
 * @since 2024-01-06
 */
public interface IUserService extends IService {
 
    boolean login(User user);
 
}

5、serviceImpl层

package com.aaa.service.impl;
 
import com.aaa.entity.User;
import com.aaa.mapper.UserMapper;
import com.aaa.service.IUserService;
import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
import org.springframework.stereotype.Service;
 
/**
 * 

 * 用户信息表 服务实现类
 * 
 *
 * @author gkf
 * @since 2024-01-06
 */
@Service
public class UserServiceImpl extends ServiceImpl implements IUserService {
 
    @Override
    public boolean login(User user) {
        //根据账号和密码，去数据库中查询是否存在用户 存在 true   不存在 false
        QueryWrapper queryWrapper = new QueryWrapper();
        queryWrapper.eq("loginname",user.getLoginname());
        queryWrapper.eq("password",user.getPassword());
        //select * from user where loginname=? and password=?
       User one= this.getOne(queryWrapper);
        return one == null?false : true;
    }
}

  6、前端页面

二、本地储存localStorage
        1、标识
                如果不添加标识，依旧可以从这个路径直接进入

         2、临时存储
                sessionStorage （临时存储）为每一个数据源维持一个存储区域，在浏览器打开期间存

                在，包括页面重新加载

        3、长期存储
                与seccsionStorage 一样， 但是浏览器关闭后，数据依然会一直存在，注意

                seccsionStoage和localStorage 的用法基本一直，引用类型的值要转换成JSON

    也可转换成JSON字符串

 路由守卫：

三、拦截器

        1、请求拦截器

四、分页

        1、逻辑分页

                所有的数据全部查出来，放到内存中

        2、物理分页

                在数据库中进行分页查询

 判断是否有条件进行分页查询