yii2 rbac權限控制之菜單menu詳細教程

做者:白狼 出處:http://www.manks.top/article/yii2_rbac_menu本文版權歸做者,歡迎轉載,但未經做者贊成必須保留此段聲明,且在文章頁面明顯位置給出原文鏈接,不然保留追究法律責任的權利。php

前面咱們在博文 yii2搭建完美后臺並實現rbac權限控制實例教程中完美實現了yii2的後臺搭建和rbac權限控制,若是你尚未實現,請先看上文再回來參考本文,由於本文是在上文的基礎上進行完善和補充。html

先認個錯,罪過了,你將要看的這篇教程是菜單權限的擴展,若是你的菜單出不來,非常建議你參考 yii2 rbac權限控制詳細操做步驟json

部分小夥們紛紛反映,最後菜單menu怎麼控制權限呀,看不懂,搞不定,並且你那貌似沒搞完,瞎忽悠!確實沒那麼全,今天看咱們如何實現菜單完美權限化。先羅列下主要講的內容,不須要的不必看下去,只爲分享給有須要的人。yii2

  • 利用menu表添加菜單app

  • 左側菜單結果adminlte完美呈現框架

  • 菜單前面自定義icon小圖標並呈現yii

  • 如何控制菜單的顯示或者隱藏ide

  • 頁面操做按鈕沒權限的不作顯示優化

  • gridview中也只顯示有操做權限的按鈕url

嗯,差很少就這麼多,若是你還有其餘的有關權限控制菜單的需求,請下方留言,我們共同切磋交流。

先看圖預覽下大體效果,否則怎麼激起大家好學的心。

首先咱們先訪問路由頁面 /dmin/route/index ,儘量的把左側的所有選中,而後移動到右側,,而後記得給當前用戶分配相關的可訪問權限哦。

接下來訪問菜單列表 /admin/menu/index 點擊添加菜單,若是這個時候你沒有權限訪問了,請你在配置文件的 as access文件內暫時容許當前用戶訪問任意權限,並在咱們添加完權限的時候去掉as access的設置,必定要記得哦,否則權限失效了可別回來找我。

這裏咱們先填寫上圖中標紅的四個字段

舉個例子:咱們要添加一級菜單"權限管理"

名稱請填寫"權限管理",由於是一級菜單,父級名稱請留空,路由咱們這裏選擇"/admin/default/index",注意了,若是匹配到任何路由,請訪問路由頁面把左側的選中移動到右側。

映射,其實就是排序高低的問題,好比說我添加了兩個菜單,映射值爲1的就在上面 值爲2的就在1的下面,咱們這裏填寫數字1。

"數據"這一項咱們後面再說。

按照剛剛介紹的這種方式添加吧,舉一個添加二級菜單"權限控制"的例子

只須要把父級名稱這裏填寫咱們剛剛添加成功的一級名稱"權限管理"便可。其餘照舊。不會操做的多看兩遍,這裏最好把權限管理的幾個菜單所有添加完畢,由於接下來咱們須要且你能夠多練練手嘛。

到此咱們已經會添加菜單了。

咱們來看下一步,利用咱們以前搭建的後臺框架進行展示。

use mdm\admin\components\MenuHelper; 
echo dmstr\widgets\Menu::widget( [
     'options' => ['class' => 'sidebar-menu'], 
    'items' => MenuHelper::getAssignedMenu(Yii::$app->user->id), 
] );

 

是否是很簡單,What?個人怎麼沒有dmstr這玩意,很差意思,已經說的不少遍,須要先看上文再有這個菜單的結合。

ok,刷新頁面看看你的菜單,雖然咱們還沒徹底實現咱們想要的功能,不過到此你應該能看到你的菜單展示了。

接下來將進入咱們的重點以及難點,咱們要實現菜單前面的小圖標且完成菜單可隱藏控制。

還記得咱們一開始建立菜單的時候,惟一沒進行填寫的選項"數據"嗎?爲了後續操做方便,咱們這裏一併把圖標和隱藏的選項都填寫上。咱們以開始截圖中的"後臺用戶管理"這個二級菜單爲例進行修改。截圖你們先看看咱們的菜單目前的狀態,

請在其更新頁面的「數據」項中務必填寫下面的代碼,若是你有新的想法,還請先按照個人思路後面再作修改,由於後面咱們要進行操做。

{"icon": "fa fa-user", "visible": false}

 

是的,這個"數據"項咱們填寫的是一段json代碼,接下來咱們對展現菜單的代碼也作稍微的整改,爲了方便你們看代碼,這裏的$callback直接寫在頁面上了,回頭你們能夠繼續封裝優化。

use mdm\admin\components\MenuHelper; 
<?php 
$callback = function($menu){ 
    $data = json_decode($menu['data'], true); 
    $items = $menu['children']; 
    $return = [ 
        'label' => $menu['name'], 
        'url' => [$menu['route']], 
    ]; 
    //處理咱們的配置 
    if ($data) { 
        //visible 
        isset($data['visible']) && $return['visible'] = $data['visible']; 
        //icon 
        isset($data['icon']) && $data['icon'] && $return['icon'] = $data['icon']; 
        //other attribute e.g. class... 
        $return['options'] = $data; 
    } 
    //沒配置圖標的顯示默認圖標 
    (!isset($return['icon']) || !$return['icon']) && $return['icon'] = 'fa fa-circle-o'; 
    $items && $return['items'] = $items; 
    return $return; 
}; 
//這裏咱們對一開始寫的菜單menu進行了優化
echo dmstr\widgets\Menu::widget( [ 
    'options' => ['class' => 'sidebar-menu'], 
    'items' => MenuHelper::getAssignedMenu(Yii::$app->user->id, null, $callback), 
] ); ?>

 繼續閱讀

相關文章
相關標籤/搜索