優(yōu)維低代碼技術(shù)專欄，是一個全新的、技術(shù)為主的專欄，由優(yōu)維技術(shù)委員會成員執(zhí)筆，基于優(yōu)維7年低代碼技術(shù)研發(fā)及運(yùn)維成果，主要介紹低代碼相關(guān)的技術(shù)原理及架構(gòu)邏輯，目的是給廣大運(yùn)維人提供一個技術(shù)交流與學(xué)習(xí)的平臺。

優(yōu)維低代碼實(shí)踐連載第17期

《菜單》

▽

在微應(yīng)用中，通過菜單的配置，可以更方便、快速地跳轉(zhuǎn)到其他頁面；visual builder提供了快速配置菜單的方法，包括頂部導(dǎo)航欄、側(cè)邊菜單欄、面包屑等。還有更高階的菜單注入，將其他微應(yīng)用的菜單注入到當(dāng)前微應(yīng)用中。（PS: 以下的菜單配置方式均基于UI8.0）

一、頂部導(dǎo)航欄的配置

菜單層級如下：

調(diào)用菜單：

前端菜單顯示：

二、側(cè)邊菜單欄

側(cè)邊菜單欄的配置與頂部導(dǎo)航欄的菜單配置一樣，調(diào)用方式也一樣，只是調(diào)用的key值不一樣。

側(cè)邊菜單欄可以設(shè)置分組菜單、多層級菜單、平臺內(nèi)部鏈接以及平臺外部鏈接

平臺內(nèi)部鏈接：

平臺外部鏈接：

分組菜單：

菜單調(diào)用：

多層菜單：

顯示效果：