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

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

文章目录

    • 若依如何新建一个菜单并显示菜单页面
      • 一、进入菜单管理页面,找到自己要加页面的那一级菜单(我这里想在系统管理这一级目录下加)
      • 二、点击新增后,进入到修改菜单页面(重点)
      • 三、菜单新增且项目中加好页面后,然后页面就可以正常显示了,显示的就是student下面的这个index页面

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

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

这时候我们该怎么做呢?
我们首先需要新增一个学生管理菜单,然后在前端项目中把vue页面加进去。具体操作如下:
若依如何新建一个菜单并显示菜单页面(超详细图文教程)_第1张图片
这时候就需要用到若依中的菜单管理功能了

进来菜单管理页面,我们能看到,列表中显示的菜单,跟左边的菜单是完全对应的。
若依如何新建一个菜单并显示菜单页面(超详细图文教程)_第2张图片
步骤跟细节如下:

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

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

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

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

菜单名称:就是显示到左侧目录中的名称。
路由地址:自定义,一般写页面名称就可以。
组件路径:根据前端项目你的页面所在位置来写。
若依如何新建一个菜单并显示菜单页面(超详细图文教程)_第4张图片
例:我这个学生管理模块的页面是在views下的system下的student下的index

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

因此我的组件路径就是system/student/index
若依如何新建一个菜单并显示菜单页面(超详细图文教程)_第5张图片

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

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

你可能感兴趣的:(#,若依,vue.js,前端,javascript)