# 导航菜单

# 简介

在常见的应用开发中,导航菜单是作为应用的整体框架的一部分存在。

因此在低代码开发中我们将页面与导航做了一层分离,页面不需要关注导航,而导航菜单可以随意组织,以链接的形式与页面结合起来。

在模块管理器中,我们内置了导航页设计。

导航页设计器为常见的“侧边栏”和“顶部+侧边栏”布局提供了高定制化的设计支持。

导航

在导航设计器中,支持设置应用名称、LOGO,支持开启或关闭顶栏、侧边栏菜单以及定义主题风格。

导航页支持低代码化设计已在计划中,虽然会更灵活更自由,但可能需要用户自己处理权限、页面跳转等细节,我们正在考虑如何更好地支持。

子系统(即一个应用下有多个子系统,每个子系统有各自的导航菜单)的场景我们已经支持,可以联系我们了解更多。

# 编辑顶部导航

点击顶部导航,可打开对应详情页。

顶部导航

顶部导航详情页包含以下字段:

  • 名称:显示名称;

  • 编码:用户不可见,用于确定顶部导航与左侧导航的从属关系,第一个顶部导航的编码固定为 home 且不可被删除;

  • 图标:点击右侧图标选择器手动选择图标;

  • 路径:可输入任意 URL 完整路径或相对路径,也可以点击右侧打开页面选择窗口,选择已有页面路径;

  • 打开方式

    • 默认:即在原来页面直接打开;
    • 新窗口:在新窗口中打开;
    • IFrame:使用内嵌的 iframe 容器打开。
  • 隐藏侧边栏:默认为否,即不隐藏侧边栏。如果确认当前顶部导航下无需搭配侧边栏,可开启该选项,运行时将隐藏相应侧边栏。

# 编辑侧边栏导航

左侧导航详情基本与顶部导航一致,只是少了一些属性,具体介绍可参考上一节。

左侧导航

# 返回框架设置

在编辑或查看完导航详情之后,如果需要切换回原来的框架设置,通过点击导航设计器中心的页面内容区域即可返回。

顶部