路由與選單
與 Nova-admin 在代碼中編寫路由的方式不同,UK2-admin 由於對接了 Nest.js 後端,所有的路由、菜單和權限標識都通過 /system/menu
頁面進行統一管理。
通過可視化界面管理路由和菜單,讓權限配置更加直觀和高效。
創建新路由
- 進入 系統管理 → 菜單管理 (
/system/menu
) - 點擊 新增選單 按鈕
- 填寫表單資訊
- 點擊 提交 完成創建
欄位說明
基礎資訊
欄位 | 說明 |
---|---|
父級菜單 | 建立菜單層級關係,選擇後將成為該菜單的子項 |
菜單標題 | 顯示在頁面中的名稱(支持填寫多個語言的版本) |
菜單Code | 路由的唯一標識,必須保持全局唯一性 |
菜單類型
選擇不同的類型會影響後續的配置選項:
目錄
用於組織菜單結構,無實際功能頁面
頁面
具體的功能操作頁面
按鈕
用於權限控制,選擇後需配置權限標識
具體使用方法請參考 權限管理
高級配置
配置項 | 功能說明 |
---|---|
菜單圖示 | 選擇顯示在側邊欄的圖示 |
外鏈 | 填寫後點擊菜單將跳轉到外部連結 |
是否快取 | 啟用後頁面會被快取,關閉標籤頁時自動清除 |
顯示在TAB欄 | 控制是否在頂部標籤欄顯示 |
常駐TAB欄 | 設置為常駐後標籤頁不可關閉 |
顯示在側邊目錄 | 控制是否在側邊導航欄顯示 |
排序 | 設置菜單顯示順序(數字越小越靠前) |
備註 | 添加菜單的說明資訊 |
狀態 | 啟用或禁用該菜單 |
編輯路由
- 進入 系統管理 → 菜單管理 (
/system/menu
) - 找到需要編輯的路由,點擊 編輯 按鈕
- 填寫表單資訊
- 點擊 提交 完成編輯
使用建議
- 規劃菜單結構:先創建目錄,再在目錄下添加頁面和按鈕
- Code命名規範:使用有意義的英文標識,保持唯一性
- 權限控制:按鈕類型的菜單需配合權限標識使用
- 快取策略:對常用但數據更新不頻繁的頁面啟用快取