优维低代码实践:菜单

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


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

《菜单》

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

一、顶部导航栏的配置

菜单层级如下:

调用菜单:

前端菜单显示:

二、侧边菜单栏

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

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

平台内部链接:

平台外部链接:

分组菜单:

菜单调用:

多层菜单:


显示效果:

相关推荐
Ronin-Lotus1 天前
嵌入式硬件篇---ADC模拟-数字转换
笔记·stm32·单片机·嵌入式硬件·学习·低代码·模块测试
Tencent_TCB2 天前
他把智能科技引入现代农业领域
低代码·小程序·微搭低代码·现代农业
低代码布道师2 天前
家政预约小程序08服务分类
低代码·小程序
LucianaiB3 天前
C语言之装甲车库车辆动态监控辅助记录系统
android·c语言·开发语言·低代码
RZer4 天前
低代码运维与管理服务
运维·服务器·低代码
M0066884 天前
低代码平台:技术复杂性的系统简化
低代码
JEECG低代码平台4 天前
JeecgBoot 低代码 AI 大模型集成 DeepSeek
人工智能·低代码·ai·chatgpt·deepseek
2401_882726484 天前
BY组态-低代码web可视化组件
前端·物联网·低代码·前端框架·web
万维——组态4 天前
BY组态-低代码web可视化组件
前端·物联网·低代码·编辑器·流程图·组态
OpenTiny社区4 天前
TinyEngine v2.1版本发布:全新的区块方案和画布通信方案,打造更强力的可拓展低代码引擎
前端·低代码·开源·opentiny