侧边菜单
侧边栏的菜单是由你定义的,但不是直接去修改菜单组件的代码,需要遵循一些套路,首先,
应该在 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 错误,这是因为不存在对应的页面, 需要你来添加页面组件,但开始之前请参考一下路由设计。