优维低代码实践:菜单

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


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

《菜单》

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

一、顶部导航栏的配置

菜单层级如下:

调用菜单:

前端菜单显示:

二、侧边菜单栏

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

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

平台内部链接:

平台外部链接:

分组菜单:

菜单调用:

多层菜单:


显示效果:

相关推荐
qq4078556021 小时前
生产管理系统和WMS有什么区别?制造企业怎么搭配?
人工智能·低代码·制造
SL-staff2 天前
技术实践:HR如何用JVS-Logic可视化编排实现考勤数据同步(含节点配置与异常处理)
开发语言·python·低代码·钉钉·可视化编排·jvs-logic·hr技术
蜘蛛小助理2 天前
生鲜冷链批次效期与多仓调拨损耗管控|低代码搭建生鲜供应链台账
人工智能·低代码·ai·erp·多维表格·蜘蛛表格·生鲜
梦梦代码精2 天前
基于UniApp+Vue3+ThinkPHP 8,这套知识付费系统的架构设计有点东西
java·低代码·docker·uni-app·开源·php
ebok.5 天前
国产大模型落地业务系统的优选载体:京微智枢信创 AI 业务支撑平台
大数据·人工智能·低代码·ai
杰夫(简道云个人搭建)6 天前
SAAS系统应该先解决业务问题,再优化体验
数据库·人工智能·低代码·excel·个人开发
Devlab6 天前
LVGL设计大师——网页版anyui来了!!
嵌入式硬件·物联网·低代码·ui·iot
jonyleek7 天前
JVS-Logic 实践指南:基于私有化与柔性配置的企业级逻辑引擎落地方法
人工智能·低代码·私有化部署·企业集成·逻辑引擎·流程编排·jvs
皮皮虾❀8 天前
典铭云赛低代码+AI智能体快速落地方法论:从“售前写方案、交付做开发各管一段”到“场景发现即交付、需求到上线一周”的完整技术方案
人工智能·低代码
jonyleek8 天前
JVS-Rules 实践指南:三步实现风控与营销规则的自主配置(附可操作闭环)
低代码·系统集成·决策系统·风控系统·合规审计·jvs-rules·jvs规则引擎