添加菜单

本节将详细介绍如何在灵镜引擎中添加和管理菜单。菜单是用户导航系统的重要组成部分，可以帮助用户快速访问不同的功能模块。

访问菜单管理页面

1. 登录系统后，在左侧导航栏中找到"数据管理"选项
2. 点击"数据管理"，展开子菜单
3. 选择"菜单管理"，进入菜单管理页面
   • 直接访问：https://data.lingame.cn/project/{项目链接}/dataManage/menuManager

在菜单管理页面，您可以看到：

• 当前项目的所有菜单列表
• 每个菜单的基本信息（名称、链接、创建时间等）
• 操作按钮（新增、编辑、删除等）

创建新菜单

步骤1：打开新增菜单对话框

1. 在菜单管理页面，点击"新增菜单"按钮（通常位于页面右上角）
2. 系统将弹出"新增菜单"对话框

步骤2：填写菜单基本信息

菜单名称（必填）

• 在"菜单名称"输入框中输入菜单的显示名称
• 例如：用户分析、数据报表、系统设置
• 这个名称将显示在左侧导航栏中

菜单链接（必填）

• 在"菜单链接"输入框中输入菜单的访问路径
• 格式：以 / 开头的路径，例如：/user-analysis、/data-report
• 用户点击菜单时将跳转到此路径

菜单组件（必填）

• 在"菜单组件"输入框中输入对应的页面组件路径
• 格式：相对路径，例如：/views/analysis/UserAnalysis.vue
• 这决定了访问该菜单时加载哪个页面

步骤3：设置菜单层级关系

父菜单（可选）

• 如果要创建子菜单，在"父菜单"下拉框中选择上级菜单
• 选择"无父菜单"则创建顶级菜单
• 子菜单将显示在父菜单下方，形成树形结构

步骤4：自定义菜单外观

菜单图标（可选）

• 在"菜单图标"输入框中输入图标名称
• 例如：user、chart、setting
• 图标将显示在菜单名称前方

步骤5：高级设置

菜单参数（可选）

• 在"菜单参数"文本框中输入JSON格式的参数
• 例如：{"type": "analysis", "category": "user"}
• 这些参数可以传递给页面组件使用

步骤6：保存菜单

1. 检查所有必填项是否已正确填写
2. 点击"确定"按钮保存菜单
3. 系统显示"创建成功"提示信息
4. 对话框自动关闭，返回菜单管理页面

菜单创建后的效果

创建成功后，您可以看到：

• 左侧导航栏中出现新创建的菜单项
• 如果设置了图标，图标会显示在菜单名称前
• 如果是子菜单，会显示在对应父菜单下方
• 点击菜单可以正常跳转到指定页面

编辑现有菜单

1. 在菜单管理页面的菜单列表中，找到要编辑的菜单
2. 点击该菜单行的"编辑"按钮
3. 在弹出的"编辑菜单"对话框中修改相关信息
4. **点击"确定"**保存修改

复制菜单

如果需要创建类似的菜单：

1. 在菜单列表中找到要复制的菜单
2. 点击"复制"按钮
3. 系统会打开新增菜单对话框，并预填充原菜单的信息
4. 修改菜单名称（系统会自动添加"_副本"后缀）
5. 根据需要调整其他信息
6. **点击"确定"**创建新菜单

删除菜单

⚠️ 注意：删除菜单是不可逆操作，请谨慎操作

1. 在菜单列表中找到要删除的菜单
2. 点击"删除"按钮
3. 系统会弹出确认对话框
4. **点击"确认"**完成删除

菜单排序和层级调整

• 菜单的显示顺序可以通过拖拽调整
• 通过编辑菜单的"父菜单"字段可以调整菜单层级
• 子菜单会自动缩进显示，形成清晰的层级结构

常见问题

Q: 为什么创建的菜单没有显示在导航栏中？ A: 请检查菜单链接和组件路径是否正确，确保对应的页面文件存在。

Q: 如何创建多级菜单？ A: 先创建父菜单，然后在创建子菜单时选择对应的父菜单即可。

Q: 菜单图标不显示怎么办？ A: 请确认输入的图标名称在系统中存在，或联系管理员添加所需图标。