优维低代码实践:菜单(优维 cmdb)

优维低代码实践:菜单(优维 cmdb)优维低代码实践:菜单(优维 cmdb)

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


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

《菜单》

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

一、顶部导航栏的配置

优维低代码实践:菜单(优维 cmdb)优维低代码实践:菜单(优维 cmdb)优维低代码实践:菜单(优维 cmdb)

菜单层级如下:

优维低代码实践:菜单(优维 cmdb)

调用菜单:

优维低代码实践:菜单(优维 cmdb)

前端菜单显示:

优维低代码实践:菜单(优维 cmdb)

二、侧边菜单栏

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

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

优维低代码实践:菜单(优维 cmdb)

平台内部链接:

优维低代码实践:菜单(优维 cmdb)

平台外部链接:

优维低代码实践:菜单(优维 cmdb)

分组菜单:

优维低代码实践:菜单(优维 cmdb)优维低代码实践:菜单(优维 cmdb)优维低代码实践:菜单(优维 cmdb)

菜单调用:

优维低代码实践:菜单(优维 cmdb)

多层菜单:

优维低代码实践:菜单(优维 cmdb)优维低代码实践:菜单(优维 cmdb)优维低代码实践:菜单(优维 cmdb)

显示效果:

优维低代码实践:菜单(优维 cmdb)

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2024年7月9日 上午8:07
下一篇 2024年7月9日 上午8:19

相关推荐

  • 西华大学财政预算

    西华大学财政预算:回顾与展望 近年来,随着高等教育的不断发展和普及,中国的大学教育也在不断变革和进步。作为一所历史悠久、声誉卓著的高水平综合性大学,西华大学也在不断努力提高自己的教…

    科研百科 2024年11月16日
    0
  • 项目管理工具方法

    项目管理工具方法 项目管理是组织中最常用的一种管理方法,它可以帮助组织有效地规划和执行各种任务。一个好的项目管理工具方法可以帮助组织更好地管理项目,提高项目的成功率。本文将介绍一些…

    科研百科 2024年7月28日
    57
  • 西电通院教师攻克新型航天高速局域网核心技术(西电通院团队)

    5月5日首飞成功的长征五号B运载火箭上,搭载着我国新一代载人飞船试验船,首次完成了“时间触发以太网(TTE)星载原型系统” 在轨试验任务。这一重大科研成果是由航天五院抓总研制,其中…

    科研百科 2024年4月13日
    95
  • 会议管理的主要内容是什么(会议管理模板)

    会议管理模板: 确保会议高效有序进行 在组织会议时,确保会议高效有序进行是至关重要的。一个有效的会议管理模板可以帮助您确保会议的顺利进行,并提高会议的效率。本文将介绍一种会议管理模…

    科研百科 2024年6月2日
    67
  • 百草味定价优势不明显

    百草味定价优势不明显 近年来,随着市场上的竞争越来越激烈,各大食品企业都采取了一系列降价措施来吸引更多的消费者。然而,对于百草味这样的知名品牌来说,其定价策略却并没有带来明显的竞争…

    科研百科 2024年10月20日
    0
  • 系统与集成项目管理

    系统与集成项目管理 系统与集成项目管理是软件开发项目中非常重要的一个环节。在这个环节,项目经理需要协调多个团队,包括开发人员、测试人员、技术支持人员和管理人员,以确保项目的按时完成…

    科研百科 2024年12月23日
    0
  • 大庆油田现任领导班子成员名单

    大庆油田现任领导班子成员名单如下: 王震宇:大庆油田有限责任公司董事长 孙茂松:大庆油田有限责任公司总经理 田文波:大庆油田有限责任公司副总经理 高景德:大庆油田有限责任公司副总经…

    科研百科 2024年10月7日
    214
  • 进度管理1628372905

    进度管理是指在计划和执行过程中,通过合理的安排和管理任务,以确保项目或工作按时完成和达成目标的方法。进度管理可以帮助组织、团队和个人更好地规划和控制工作进度,提高工作质量和效率。 …

    科研百科 2024年8月22日
    35
  • 单位组织的科研项目评审会是什么机构(单位组织的科研项目评审会是什么)

    科研项目评审会: 评估科研项目质量的重要步骤 科研项目评审会是一种常见的组织形式,用于评估科研项目的质量和可行性。这种评审会通常由科研项目负责人、专家、实验室管理人员和利益相关者组…

    科研百科 2024年4月2日
    120
  • 36氪首发|数字疗法正在爆发,「博斯腾科技」获A轮亿元融资(博斯腾网络科技)

    6月1日,36氪获悉,数字疗法企业博斯腾科技(Bestcovered.com)完成A轮近亿元人民币融资,金沙江创投和博远资本领投,老股东长岭资本跟投。 博斯腾专注的领域是阿尔茨海默…

    科研百科 2023年3月13日
    314