您好,欢迎来到 猿书

搭建 rabc 后台系列教程(四)—— 创建左侧导航栏菜单

格古洛 2016-07-25 次浏览 0条评论 0 打赏作者 0 0
作者:鲁鲁槟 出处:http://www.luluqi.cn/post/default/show-post?id=127本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。1、创建 menu 表CREATE TABLE `menu`...

作者:鲁鲁槟 出处:http://www.luluqi.cn/post/default/show-post?id=127

本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

1、创建 menu 表

CREATE TABLE `menu` (  
`id` int(11) NOT NULL AUTO_INCREMENT,  
`name` varchar(128) NOT NULL,  
`parent` int(11) DEFAULT NULL,  
`route` varchar(256) DEFAULT NULL,  
`order` int(11) DEFAULT NULL,  
`data` text,  
PRIMARY KEY (`id`),  
KEY `parent` (`parent`),  
CONSTRAINT `menu_ibfk_1` FOREIGN KEY (`parent`) REFERENCES `menu` (`id`) ON DELETE SET NULL ON UPDATE CASCADE
) ENGINE=InnoDB DEFAULT CHARSET=utf8

2、在 left.php 的</ul>后面添加以下内容

<?php
      use mdm\admin\components\MenuHelper; 
    $callback = function($menu){
        $data = json_decode($menu['data'], true);
        $items = $menu['children'];
        $return = ['label' => $menu['name'],'url' => [$menu['route']]];
        //处理我们的配置
        if ($data) {
            isset($data['visible']) && $return['visible'] = $data['visible'];//visible
            isset($data['icon']) && $data['icon'] && $return['icon'] = $data['icon'];//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),
    ] ); 
?>

3、点击“菜单”,然后点击 创建按钮进行创建菜单

9dcb6feace-22.png

4、点击“路由”,将以下几个路由写到 auth_item 表(为了分配路由给菜单)

01600ecc17-23.png

点击“权限”,再点击查看“权限控制”,分配 /admin/menu/*

67d16d0020-26.png

5、点击“菜单”,创建以下子菜单

efd7e9ed0e-24.png

2f288d64ad-25.png

6、刷新页面,预览效果:你会发现,多了一个菜单(O(∩_∩)O哈哈~),请删除多余的 <ul></ul>

13bfa3b0c7-27.png

0 条评论