菜单管理

功能概述
菜单管理模块用于管理系统导航菜单和页面权限。通过该模块,管理员可以灵活地创建多级菜单树、配置菜单属性(名称、图标、路由路径等)、控制菜单显隐、分配按钮级权限,并支持基于实体自动生成 CRUD 页面代码。菜单管理的灵活性决定了系统的可扩展性和用户体验。
使用方法
进入菜单管理页面
在系统导航栏中找到 "系统管理" → "菜单管理" 进入。
查看菜单树
页面以树形表格展示所有菜单,清晰展示菜单的层级关系。点击节点前的展开/收缩图标可查看或隐藏子菜单。
添加菜单
- 点击 "添加" 按钮,弹出菜单信息录入窗口。
- 填写菜单信息:
- 名称:菜单显示名称
- 图标:选择图标标识(如
fa fa-user) - 路由路径:对应的页面路由地址(如
/Admin/User) - 父级菜单:如为空则创建为顶级菜单
- 类型:目录(仅作为分类,无可点击路由)/ 菜单(可点击访问)/ 按钮(页面内的操作按钮,如"添加""删除")
- 排序:同级菜单中数字越小越靠前
- 隐藏:勾选后在导航栏中不显示
- 点击 "保存" 完成添加。
编辑菜单
- 找到目标菜单,点击 "编辑" 按钮。
- 修改菜单信息后点击 "保存"。
删除菜单
- 找到要删除的菜单,点击 "删除" 按钮。
- 若菜单下有子菜单,系统会提示并级联删除所有子菜单,请谨慎操作。
按钮级权限
在添加菜单时选择类型为 "按钮",即可创建按钮级权限(如"添加""编辑""删除""导出"等)。在角色管理中勾选这些按钮权限后,对应角色的用户才能看到并使用这些按钮。
CRUD 代码生成
- 找到目标菜单,点击 "设计" 按钮进入代码生成器。
- 选择目标实体,配置页面参数(分页大小、编辑对话框尺寸、树形导航等)。
- 系统自动生成增删改查页面的 Blazor 代码。
- 将生成的代码复制到实际页面文件中即可使用。
显示/隐藏按钮
点击 "显示按钮" 开关切换,控制菜单列表中是否显示类型为 "按钮" 的菜单项。
界面说明
操作栏
- 添加:新增菜单
- 显示按钮:切换是否显示按钮类型的菜单
菜单列表
- 名称:菜单显示名称及图标
- 路由:页面访问路径
- 类型:目录/菜单/按钮
- 排序:同级菜单显示顺序
- 隐藏:是否在导航栏隐藏
- 操作列:编辑、设计(CRUD 生成器)、删除
编辑弹窗
- 基本设置:名称、图标、路由、父级、类型、排序、隐藏
- 类型为 "菜单" 时,「设计」按钮可用于代码生成
相关实体
SysMenu— 菜单实体,包含Label、Path、Icon、ParentId、Type(目录/菜单/按钮)、IsHidden、IsSystem、Sort等字段