优维低代码实践:菜单

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


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

《菜单》

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

一、顶部导航栏的配置

菜单层级如下:

调用菜单:

前端菜单显示:

二、侧边菜单栏

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

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

平台内部链接:

平台外部链接:

分组菜单:

菜单调用:

多层菜单:


显示效果:

相关推荐
低代码布道师3 小时前
少儿舞蹈小程序(21)我的页面搭建
低代码·小程序
低代码布道师2 天前
学习低代码,需要什么基础?
学习·低代码
Insight-n2 天前
低代码开发技术深度解析
低代码·ai
葡萄城技术团队2 天前
赋能制造新质生产力:制造业专用低代码平台选型指南(2025)
低代码·制造
初叶 crmeb2 天前
低代码相关预告
低代码
大翻哥哥2 天前
Python 2025:低代码开发与自动化编程新纪元
运维·低代码·自动化
低代码布道师3 天前
少儿舞蹈小程序(20):手机号登录与多角色注册
低代码·小程序
zzywxc7874 天前
AI 开发工具全景指南:从编码辅助到模型部署的全流程实践
大数据·人工智能·低代码·机器学习·golang·自动化·ai编程
canonical_entropy6 天前
从“华丽的诡辩”到“构造的第一性原理”:我如何误解并最终拥抱广义可逆计算
人工智能·后端·低代码
得帆云低代码6 天前
低代码走向“全民开发”的四个关键要素
低代码