若依如何新建一个菜单并显示菜单页面(超详细图文教程)

若依如何新建一个菜单并显示菜单页面


当我们使用若依的时候,我们会有这样的需求,就是直接在这个菜单下面直接再添加一个菜单。
而不想再生成全部的前后端代码。

我这里的需求是想在班级管理下面直接加一个学生管理页面,然后显示班级管理的页面,然后在这个页面的基础上修改这个页面。

这时候我们该怎么做呢?
我们首先需要新增一个学生管理菜单,然后在前端项目中把vue页面加进去。具体操作如下:
在这里插入图片描述
这时候就需要用到若依中的菜单管理功能了

进来菜单管理页面,我们能看到,列表中显示的菜单,跟左边的菜单是完全对应的。
在这里插入图片描述
步骤跟细节如下:

一、进入菜单管理页面,找到自己要加页面的那一级菜单(我这里想在系统管理这一级目录下加)

在这里插入图片描述

二、点击新增后,进入到修改菜单页面(重点)

从系统管理点新增之后,上级菜单就已经自动选好了系统管理。
菜单类型选菜单。
菜单名称,路由地址,组件路径这几个是必填的,其他的暂时就不用管了。

菜单名称:就是显示到左侧目录中的名称。
路由地址:自定义,一般写页面名称就可以。
组件路径:根据前端项目你的页面所在位置来写。
在这里插入图片描述
例:我这个学生管理模块的页面是在views下的system下的student下的index

它默认就是在views路径下,所以views这一层就不需要写了。

因此我的组件路径就是system/student/index
在这里插入图片描述

三、菜单新增且项目中加好页面后,然后页面就可以正常显示了,显示的就是student下面的这个index页面

在这里插入图片描述

评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

丿BAIKAL巛

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

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

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

打赏作者

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

抵扣说明:

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

余额充值