优维低代码实践:菜单

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


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

《菜单》

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

一、顶部导航栏的配置

菜单层级如下:

调用菜单:

前端菜单显示:

二、侧边菜单栏

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

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

平台内部链接:

平台外部链接:

分组菜单:

菜单调用:

多层菜单:


显示效果:

相关推荐
布列瑟农的星空16 小时前
我们在低代码平台建设中的犯过的错误
低代码
阿斯加德的IT18 小时前
Power Automate: 使用SharePoint列表填充Word模板
低代码
NocoBase2 天前
NocoBase 本周更新汇总:增加工作流分类管理
低代码·开源·资讯
听说名字越长的就越牛逼2 天前
Mendix,在开发组件之前,需要了解的部分知识
前端·react.js·低代码
阿斯加德的IT3 天前
Power Automate: 从Excel 选择列,每200条生成一个CSV文件并保存在sharepoint文档库
低代码·excel
NocoBase3 天前
PostgreSQL 用户必看:6 款强大的无代码平台推荐
低代码·开源·资讯
kaixin_啊啊4 天前
手把手教你用Appsmith打造企业级低代码平台:从部署到性能调优实战
低代码
NocoBase4 天前
NocoBase v1.7.0 正式版发布
低代码·开源·资讯
马克凤梨4 天前
低代码平台中的设置器:让配置变得简单有趣
低代码
答案answer5 天前
Three.js实现低代码开发的两种模式
前端·低代码·three.js