菜单管理
菜单管理负责系统的导航结构和权限标识,支持动态路由和按钮级权限控制。
功能概览
- 树形菜单管理(支持多级嵌套)
- 菜单类型:目录、菜单、按钮
- 图标选择器
- 路由配置
- 按钮权限标识管理
菜单类型
| 类型 | 说明 | 示例 |
|---|---|---|
| 目录 | 仅作为分组容器,不对应页面 | 系统管理 |
| 菜单 | 对应一个前端页面 | 用户管理 |
| 按钮 | 页面内的操作权限标识 | 新增用户 |
菜单属性
| 属性 | 说明 | 必填 |
|---|---|---|
| 上级菜单 | 父级菜单节点 | 否 |
| 菜单类型 | 目录/菜单/按钮 | 是 |
| 菜单名称 | 显示在侧边栏的名称 | 是 |
| 图标 | 菜单图标 | 目录和菜单必填 |
| 路由路径 | 前端路由路径 | 菜单必填 |
| 权限标识 | 如 system:user:add | 按钮必填 |
| 排序 | 菜单显示顺序 | 否 |
| 是否缓存 | 启用 keep-alive | 否 |
| 是否隐藏 | 在侧边栏隐藏 | 否 |
| 是否外链 | 外部链接 | 否 |
操作说明
新增菜单
- 点击「新增」按钮(或点击某个菜单的子菜单新增)
- 选择菜单类型
- 填写菜单属性
- 点击「确定」保存
新增按钮权限
按钮权限是挂在菜单下的,用于控制页面内的操作按钮:
- 选择一个菜单类型节点
- 点击「新增」
- 类型选择「按钮」
- 填写按钮名称和权限标识(如
system:user:delete) - 点击「确定」保存
权限标识命名规范
推荐使用 模块:资源:操作 的格式,例如 system:user:add。
API 接口
| 方法 | 路径 | 说明 |
|---|---|---|
| GET | /sys/menu | 获取菜单树 |
| POST | /sys/menu | 新增菜单 |
| GET | /sys/menu/:id | 获取菜单详情 |
| PATCH | /sys/menu/:id | 更新菜单 |
| DELETE | /sys/menu/:id | 删除菜单 |