优维低代码实践:菜单

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


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

《菜单》

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

一、顶部导航栏的配置

菜单层级如下:

调用菜单:

前端菜单显示:

二、侧边菜单栏

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

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

平台内部链接:

平台外部链接:

分组菜单:

菜单调用:

多层菜单:


显示效果:

相关推荐
低代码布道师9 小时前
互联网医院04科室管理
低代码·小程序
ZKNOW甄知科技2 天前
AI-ITSM的时代正在到来:深度解读Gartner最新报告
大数据·运维·人工智能·低代码·网络安全·微服务·重构
yinmaisoft2 天前
6 大数据库一键连!JNPF 数据中心数据源链接,表单数据互通无压力
前端·数据库·低代码·信息可视化
NocoBase2 天前
GitHub Star 数量前 5 的开源 AI 内部工具
低代码·开源·资讯
百特搭3 天前
低代码平台生态整合与跨场景适配功能解析:连接多工具 / 适配多业务
低代码开发平台·ai低代码平台
NocoBase4 天前
社区用户分享:用 NocoBase 搭建可落地的 ERP
低代码·开源·github
#六脉神剑5 天前
myBuilder平台的产品优势与对比
低代码·低代码开发平台·数字化工具·mybuilder
云捷配低代码5 天前
低代码行业化深耕:垂直场景模板的核心竞争力
低代码·数字化转型
枝上棉蛮5 天前
2025中小企业低代码工具选型参考:斑斑(免费私有化)与飞书多维(生态协同)
低代码·私有化部署·免费·可视化看板·飞书多维表格·斑斑低代码·业务报表