Skip to main content

侧边菜单

侧边栏的菜单是由你定义的,但不是直接去修改菜单组件的代码,需要遵循一些套路,首先, 应该在 src/route/sidebar/codes.js 文件中为菜单增加一个定义,看起来如下:

9000: { title: '用户管理', to: '/system/user' },

菜单有个代码,一个标题,和一个 to,代码用于几个地方: 快速导航、 权限控制,标题用于显示给用户看,to 用于导航到 url。

还有一个可选的 omit 属性上面没有列出,像这样:

9000: { title: '用户管理', to: '/system/user', omit: true },

omit 为 true 的菜单不会纳入访问控制管理,通常是与父菜单共享同样的权限。

菜单代码导航

你可以 ReactGO 前端任意页面按下 Ctrl + K 快捷键,将弹出一个框,在框中输入一个代码 ,就可以快速导航到指定的页面,试试在框中输入 911

定义好菜单之后,如果需要在侧边栏显示,那么还需要修改 src/route/sidebar/menus.js 文件, 这个文件用于描述菜单的组织结构,把菜单加到指定的位置就可以了。

菜单不一定要加到侧边栏

不是所有的菜单都需要加到侧边栏,侧边栏只是起一个导航入口的作用,没有加到侧边栏中的菜单不影响访问, 只是你需要在合适的地方安排入口,不然用户找不到。

注意:用户没有权限访问的菜单不会在侧边栏中显示,即使你在侧边栏中添加了。

添加好菜单之后,如果你去访问它的话,会出现 404 错误,这是因为不存在对应的页面, 需要你来添加页面组件,但开始之前请参考一下路由设计。