课程15:菜单功能:根据角色生成菜单

本文详细讲解了如何在Vue.js应用中实现动态路由,根据角色生成菜单。内容涵盖路由方案选择、vue-element-admin路由回顾、路由实现过程,以及如何根据角色显示和隐藏菜单,最后还涉及到了国际化配置。

🚀前言

本文是《.Net Core从零学习搭建权限管理系统》教程专栏的课程(点击链接,跳转到专栏主页,欢迎订阅,持续更新…)

专栏介绍:以实战为线索,基于.Net 7 + REST + Vue、前后端分离,不依赖任何第三方框架,从零一步一步讲解权限管理系统搭建。

专栏适用于人群:Web后端开发人员


本课程内容:

1、路由方案:动态路由;

2、了解vue-element-admin路由;

3、根据角色控制路由的显示隐藏。

在上一个课程,我们完成了登录功能,今天我们来讲解前台路由的实现。

一、路由方案

1.1 方案

在我们的系统,我们是根据角色分配不同权限的。所以,对应的路由肯定是动态路由。

而动态路由分为两种方案:

1、完全存储在后端,包括:路由名称、路由图标、路由地址、路由Key等等;

2、部分存储在后端,在后端只存储角色与路由的关系,路由名称、路由图标、路由地址等一些信息存储在前端。

1.2

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

编程乐趣

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值