:-: 側邊菜單
側邊菜單最多可支持到三級。無論你采用靜態的菜單還是動態的,菜單的數據格式都必須是一段合法的 JSON,且必須符合以下規范:
~~~
{
"code": 0 //狀態碼,key 名可以通過 config.js 去重新配置
,"msg": "" //提示信息
,"data": [{ //菜單數據,key名可以通過 config.js 去重新配置
"name": "component" //一級菜單名稱(與視圖的文件夾名稱和路由路徑對應)
,"title": "組件" //一級菜單標題
,"icon": "layui-icon-component" //一級菜單圖標樣式
,"jump": '' //自定義一級菜單路由地址,默認按照 name 解析。一旦設置,將優先按照 jump 設定的路由跳轉
,"list": [{ //二級菜單
"name": "grid" //二級菜單名稱(與視圖的文件夾名稱和路由路徑對應)
,"title": "柵格" //二級菜單標題
,"jump": '' //自定義二級菜單路由地址
,"list": [{ //三級菜單
"name": "list" //三級菜單名(與視圖中最終的文件名和路由對應),如:component/grid/list
,"title": "等比例列表排列" //三級菜單標題
},{
"name": "mobile"
,"title": "按移動端排列"
}
}]
}
~~~
> TIPS:實際運用時,切勿出現上述中的注釋,否則將不是合法的 JSON ,會出現解析錯誤。
需要注意的是以下幾點:
1. 當任意級菜單有子菜單,點擊該菜單都只是收縮和展開操作,而并不會跳轉,只有沒有子菜單的菜單才被允許跳轉。
2. 菜單的路由地址默認是按照菜單層級的 name 來設定的。
我們假設一級菜單的 name 是:`a`,二級菜單的是:`b`,三級菜單的 name 是?`c`,那么:
* 三級菜單最終的路由地址就是:`/a/b/c`
* 如果二級菜單沒有三級菜單,那么二級菜單就是最終路由,地址就是:`/a/b/`
* 如果一級菜單沒有二級菜單,那么一級菜單就是最終路由,地址就是:`/a/`
3. 但如果你設置了 參數?*jump*,那么就會優先讀取 jump 設定的路由地址,如:`"jump": "/user/set"`
- 序言
- 環境搭建
- 下載及安裝
- 目錄結構
- 基礎表字段
- 模塊開發
- 流程介紹
- 前臺(home)
- 基類解析
- 功能模塊
- 后臺(admin)
- 基類解析
- 功能模塊
- API構造器
- 基類解析
- 快速構建器(TKviews)
- 布局(layout)
- 設置頁面標題(setPageTitle)
- 后臺頁面布局
- 菜單訪問方法(getMenu)
- 側邊菜單(JSON)
- 布局訪問方法(layout)
- 設置頂部菜單(setTopmeun)
- 前臺頁面布局
- 表格(table)
- 設置頁面標題
- 設置頁面提示信息
- 設置列表頭信息
- 添加單列
- 添加多列
- 列名類型
- 列名屬性
- 設置表格數據
- 顯示第一列多選
- 引入js文件
- 引入css文件
- 設置模版路徑
- 設置分頁
- 設置當前tab
- 表單(form)
- setPageTitle('頁面標題')
- setPageTips('提示信息' [,'提示類型'])
- 設置Tab按鈕列表
- 側欄(aside)
- 微信公眾號
- 微信小程序
- 插件開發
- 變量參考
- 函數參考
- 其他雜項
- 安全相關
- 更新日志
- 升級指導
- 常見問題
- 關于文檔