SpringBoot+Vue 07--菜单路由+新界面开发

新界面1 Book(路由)和Person

辅助路由跳转

  • 个人信息界面Person.vue
  • Book.vue
    在这里插入图片描述

菜单实现路由跳转

高亮
在这里插入图片描述
index ↑ 里面是路由里面的path ↓
在这里插入图片描述

把HomeView.vue改名叫User.vue
在这里插入图片描述
路由也改改
在这里插入图片描述
在这里插入图片描述
Book与User页面之间进行切换
在这里插入图片描述
在这里插入图片描述

页面拦截

不登录无法进入其他界面
对所有请求进行拦截,在发送请求前进入拦截:
在这里插入图片描述

新界面2 Book其他

  • 对Book.vue进行操作,可以直接把User.vue

User改为Book,Ctrl+R 把/user逐个替换为/book
在这里插入图片描述
在这里插入图片描述

  • 对User复制粘贴,变成Book
    在这里插入图片描述
    加上这一句使时间可读,否则涉及时间的操作会报错
    在这里插入图片描述
    或者这样也行(但我的不行)
    在这里插入图片描述

  • UserMapper复制粘贴,变成BookMapper
    即可操作数据库了
    在这里插入图片描述

  • UserController复制粘贴,变成BookController
    在这里插入图片描述

  • Book.vue
    在这里插入图片描述
    在这里插入图片描述
    /user 改成 /book

有很多用法可以自己看看
在这里插入图片描述

  • 高亮
    不点击, 直接访问/book时,不会出现高亮。现在修改Aside.vue
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值