优维低代码实践:菜单

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


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

《菜单》

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

一、顶部导航栏的配置

菜单层级如下:

调用菜单:

前端菜单显示:

二、侧边菜单栏

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

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

平台内部链接:

平台外部链接:

分组菜单:

菜单调用:

多层菜单:


显示效果:

相关推荐
腾讯云云开发18 小时前
预约+会员+营销全功能覆盖,1 小时上架美业小程序
低代码·微信小程序·小程序·云开发
canonical_entropy2 天前
Nop平台架构白皮书:一个基于广义可逆计算理论的软件构造体系评估
后端·低代码·领域驱动设计
jnpfsoft3 天前
低代码视图真分页实操:API/SQL 接口配置 + 查询字段避坑,数据加载不卡顿
前端·低代码
NocoBase3 天前
华数传媒用 NocoBase 快速搭建 AI 多模态研发平台
人工智能·低代码·开源
xhload3d3 天前
WebGL/Canvas 内存泄露分析
低代码·3d·html5·webgl·数字孪生·可视化·软件开发·工业互联网·内存泄漏·轻量化·技术应用·hightopo
踩着两条虫3 天前
VTJ.PRO低代码快速入门指南
前端·低代码
赵大碗4 天前
Joker 智能开发平台-组件开发
低代码
NocoBase4 天前
11 个在 GitHub 上最受欢迎的开源无代码 AI 工具
低代码·ai·开源·github·无代码·ai agent·airtable·内部工具·app builder