优维低代码实践:菜单

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


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

《菜单》

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

一、顶部导航栏的配置

菜单层级如下:

调用菜单:

前端菜单显示:

二、侧边菜单栏

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

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

平台内部链接:

平台外部链接:

分组菜单:

菜单调用:

多层菜单:


显示效果:

相关推荐
戴西软件5 小时前
CAxWorks.VPG车辆工程仿真软件:打造新能源汽车安全的“数字防线“
android·大数据·运维·人工智能·安全·低代码·汽车
流之云低代码平台1 天前
低代码开发,企业数字化转型的加速器
低代码·gadmin·低代码开发优势·低代码开发平台选择·低代码开发未来趋势·低代码开发应用场景·企业应用搭建
摩尔元数1 天前
装备制造困局突围:数字化如何重塑高效柔性生产
低代码·制造·mes
流之云低代码平台2 天前
PHP工作流优化:加速软件开发的秘密武器
低代码·php工作流优化方法·gadmin·工作流自动化·php代码优化·团队协作沟通·php工作流优化案例
无代码专家2 天前
生产ERP解决方案:重构制造企业数字化运营体系
运维·低代码·重构·制造
无代码专家2 天前
生产ERP解决方案:赋能制造企业精益运营与智能升级
大数据·低代码·制造
meizisay2 天前
亿可达_自动发邮件攻略
人工智能·经验分享·低代码·职场和发展·自动化
硅星企鹅2 天前
如何使用低代码爬虫工具采集复杂网页数据?
爬虫·python·低代码
云捷配低代码3 天前
低代码平台测试策略:如何保证应用质量
低代码·自动化·数字化·敏捷流程·数字化转型
无代码专家3 天前
无代码技术:企业全场景数字化的降本增效新范式
大数据·人工智能·低代码·云计算