路由守卫+拦截器+分页+模糊查询

路由守卫;

路由守卫就是:需要判断一下是否登录,如果没有登录,就跳转到登录页面,如果登陆了,就可以访问所有页面

全局守卫;

router.beforeEach() 进入之前触发

router.afterEach() 进入之后触发

每个守卫方法接收三个参数:

①to: Route: 即将要进入的目标路由对象(to是一个对象,是将要进入的路由对象,可以用to.path调用路由对象中的属性)

②from: Route: 当前导航正要离开的路由

③next: Function: 这是一个必须需要调用的方法,执行效果依赖 next 方法的调用参数。

2.拦截器

2.1请求拦截器

请求拦截器的作用是在请求发送前进进行一些操作,例如在每个请求体里加上token,统一做了处理如果以后要改也非常容易

2.2响应拦截器

响应拦截器的作用是在接收到响应后进行一些操作,例如在服务器返回登录状态失效需要重新登录的时候,跳转到登录页面

3.分页

逻辑分页: 所有的数据全部查出来 放到内存中

物理分页: 在数据库中分页查询

使用分页前一定要分页插件

controller层代码;

vue前端代码

同样的方法,我们把信息表全部查询出来经行分页;(单表查询)

后端代码controller层;

测试:

  • 7
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值