优维低代码实践：菜单

优维低代码技术专栏，是一个全新的、技术为主的专栏，由优维技术委员会成员执笔，基于优维7年低代码技术研发及运维成果，主要介绍低代码相关的技术原理及架构逻辑，目的是给广大运维人提供一个技术交流与学习的平台。

---

优维低代码实践连载第17期

《菜单》

▽

在微应用中，通过菜单的配置，可以更方便、快速地跳转到其他页面；visual builder提供了快速配置菜单的方法，包括顶部导航栏、侧边菜单栏、面包屑等。还有更高阶的菜单注入，将其他微应用的菜单注入到当前微应用中。（PS: 以下的菜单配置方式均基于UI8.0）

一、顶部导航栏的配置

菜单层级如下：

调用菜单：

前端菜单显示：

二、侧边菜单栏

侧边菜单栏的配置与顶部导航栏的菜单配置一样，调用方式也一样，只是调用的key值不一样。

侧边菜单栏可以设置分组菜单、多层级菜单、平台内部链接以及平台外部链接

平台内部链接：

平台外部链接：

分组菜单：

菜单调用：

多层菜单：

显示效果：