白狼栈 2016-04-16 20:00:49 25082次浏览 9条评论 20 6 0

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

懒得再吐槽图片的问题,原文自带图片,看客们随意就好。

1、安装yii2

未安装的请参考yii2史上最简单式安装教程,没有之一
已安装的请继续看下一步操作
2、配置数据库
2.1 配置数据库

修改common/config/main-local.php 实际项目中本地的数据库往往跟线上数据库不一致,
我们这里配置到main-local.php就可以了,产品上线后,我们可以使用git或者svn忽略掉main-local.php,线上直接部署。
我们这里使用的mysql数据库,配置如下

当然啦,上面红圈圈的信息需要你自己手动修改掉,要是十分巧合跟我的一样那就不用在修改了
2.2 创建user数据表,我们后面要实现后台登陆

说明:user表和menu表的创建可以参考我们后面下载的组件yii2-admin里面的sql,具体目录位于
vendor\mdmsoft\yii2-admin\migrations\schema-mysql.sql

CREATE TABLE `user` (
`id` int(11) NOT NULL AUTO_INCREMENT COMMENT '自增ID',  
`username` varchar(255) NOT NULL COMMENT '用户名',  
`auth_key` varchar(32) NOT NULL COMMENT '自动登录key',  
`password_hash` varchar(255) NOT NULL COMMENT '加密密码',  
`password_reset_token` varchar(255) DEFAULT NULL COMMENT '重置密码token',  
`email` varchar(255) NOT NULL COMMENT '邮箱',  
`role` smallint(6) NOT NULL DEFAULT '10' COMMENT '角色等级',  
`status` smallint(6) NOT NULL DEFAULT '10' COMMENT '状态',  
`created_at` int(11) NOT NULL COMMENT '创建时间',  
`updated_at` int(11) NOT NULL COMMENT '更新时间',  
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=0 DEFAULT CHARSET=utf8 COMMENT='用户表';

2.3 访问frontend站点,先注册个用户

注册成功后,右上角会显示登陆的状态,我们后面会用到这个注册的用户

接下来我们要开始配置后台的模板了。

3、利用AdminLTE渲染后台模板

后台的模板我们采用利用 AdminLTE(Backend theme for Yii2 Framework)
插播一曲:AdminLTE是一个完全响应管理模板。基于Bootstrap3框架,易定制模板。适合多种屏幕分辨率,从小型移动设备到大型台式机。
内置了多个页面,包括仪表盘、邮箱、日历、锁屏、登录及注册、404错误、500错误等页面。
3.1 安装AdminLTE

https://github.com/dmstr/yii2-adminlte-asset
打开上面的链接,按照操作步骤进行安装
这里我简述下自己的安装步骤,cd advanced后,
因为是mac,这里直接composer进行安装就行了

composer require dmstr/yii2-adminlte-asset "2.*"

安装成功后,vendor目录下会多几个文件夹,如下

3.2 yii2配置整合AdminLTE,搭建帅气上档次的后台

下面我们配置下backend/config/main.php先预览下效果,小心脏捉急的巴不得赶紧尝尝战果

'components' => [  
    'view' => [
        'theme' => [
            'pathMap' => [                
                '@app/views' => '@vendor/dmstr/yii2-adminlte-asset/example-views/yiisoft/yii2-app'             
             ],
        ],
    ],
],

nice,页面瞬间好看多了。
问题来了,我们是在components里面单独配置的theme,这样以后要修改布局文件什么的是很不方便滴,下面我们把不局文件拷贝下来覆盖掉yii自带的layout.
把vendor/dmstr/yii2-adminlte-asset/example-views/yiisoft/yii2-app目录下的layouts和site拷贝
覆盖掉backend/views/目录下的lauouts和site对应的文件
覆盖后记得屏蔽掉 components下面view的配置项
到此,后台模板的搭建告一段落,si不si很happy

4、下面我们用yii的rbac实现后台的权限控制

4.1 我们先配置下简短路由

backend/config/main.php文件的compontents加上下面的配置

'urlManager' => [    
    //用于表明urlManager是否启用URL美化功能,在Yii1.1中称为path格式URL,    
    // Yii2.0中改称美化。   
    // 默认不启用。但实际使用中,特别是产品环境,一般都会启用。   
    'enablePrettyUrl' => true,    
    // 是否启用严格解析,如启用严格解析,要求当前请求应至少匹配1个路由规则,    
    // 否则认为是无效路由。    
    // 这个选项仅在 enablePrettyUrl 启用后才有效。    
    'enableStrictParsing' => false,    
    // 是否在URL中显示入口脚本。是对美化功能的进一步补充。    
    'showScriptName' => false,    
    // 指定续接在URL后面的一个后缀,如 .html 之类的。仅在 enablePrettyUrl 启用时有效。    
    'suffix' => '',    
    'rules' => [        
        "<controller:\w+>/<id:\d+>"=>"<controller>/view",  
        "<controller:\w+>/<action:\w+>"=>"<controller>/<action>"    
    ],
],

接下来在项目的根目录 backend/web下面创建.htaccess文件并添加如下内容,这个文件你都创建不下来,看来是真需要再磨练磨练哦

Options +FollowSymLinks
IndexIgnore  */*

RewriteEngine on

# if a directory or a file exists, use it directly
RewriteCond  %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d

# otherwise forward it to index.php
RewriteRule . index.php

当然,你的apache必须要开启rewrite模块。
下面我们访问下gii模块测试下
http://localhost/advanced/backend/web/gii
校验是可以的。
4.2 创建权限控制所需要的数据表
继续阅读

觉得很赞
  • 评论于 2016-04-17 16:35 举报

    嗯,除了路由配置和rbac看不懂,其他的基本都看懂了,大赞adminlte,高端大气上档次。

  • 评论于 2016-04-19 11:30 举报

    插眼传送。

  • 评论于 2016-04-25 16:53 举报

    Installation failed, reverting ./composer.json to its original content.

    [Composer\Downloader\TransportException]
    The "http://packagist.org/p/provider-2016-01$a5755b7f5e6042704a9c7f8fe324
    58d9b0bc6046782f807b94647a5c87064684.json" file could not be downloaded: fa
    iled to open stream: HTTP request failed!

    我执行composer命令出现了这样的问题,请问怎么解决啊。yii2.0后台渲染想不通了。求助!

  • 评论于 2016-05-09 15:14 举报

    Installation failed, deleting ./composer.json.

    [Composer\Downloader\TransportException]
    The "https://packgist.phpcomposer.com/packages.json" file could not be down
    loaded: failed to open stream: 由于目标计算机积极拒绝,无法连接。

    require [--dev] [--prefer-source] [--prefer-dist] [--no-plugins] [--no-progress]
    [--no-update] [--update-no-dev] [--update-with-dependencies] [--ignore-platform
    -reqs] [--sort-packages] [-o|--optimize-autoloader] [-a|--classmap-authoritative
    ] [--] []...

    装的时候出现这个怎么整

    10 条回复
    评论于 2016-05-09 20:07 回复

    不知道你这啥问题,建议你的composer国内镜像,然后composer self-update后再安装吧

    评论于 2016-05-10 15:56 回复

    大哥,装是装好了,按照你这个步骤,左边菜单出不来啊?能不能说的具体点呢,新手有点蒙

    评论于 2016-05-10 16:23 回复

    针对很多人这个问题,请参考下面两篇文章 http://www.manks.top/yii2_rbac_description.htmlhttp://www.manks.top/yii2_rbac_menu.html 看完你都想感谢我!

    评论于 2016-05-10 17:02 回复

    在backend/views/layouts/left.php 里贴了你的这段代码<?php

    use mdm\admin\components\MenuHelper;
    

    ?>

    <section class="sidebar">
    	<?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), 
    	] ); ?>
    </section>
    


    新手对结构不是太懂,问下这段代码贴哪儿

    评论于 2016-05-10 17:11 回复

    use mdm\admin\components\MenuHelper; 贴到该页面left.php的最顶部,
    下面那一大坨,你就扔到body里面就好。。。

    评论于 2016-05-10 17:25 回复

    贴了没啥反应啊,其他地方要配置吗?确定是在backend的layouts里建个left.php按照你那样扔代码进去吗?还是在adminlte原来的那个left.php里贴代码?我懵逼了,狼哥

    评论于 2016-05-10 17:55 回复

    @luanzhiyong 是按照 http://www.manks.top/yii2_rbac_description.html 这篇文章一步一步操作的么?

    评论于 2016-05-10 18:29 回复

    是的,AdminLTE装好了,按照路径也有RBAC的页面,就剩弄除左边的菜单了

    评论于 2016-05-11 14:43 回复

    @luanzhiyong {"icon": "fa fa-gears", "visible": true}

    评论于 2016-12-25 18:00 回复

    好教程,非常详细实用,感谢!

  • 评论于 2016-08-12 13:20 举报

    把模版更新下来, 怎么现实数据一直在加载啊?

  • 评论于 2016-10-10 10:15 举报

    额,解决了

  • 评论于 2017-02-23 10:30 举报

    求教一下:按照教程跑:

    4.4 权限配置

    打开backend/config/main.php修改配置

    "modules" => [

    "admin" => [        
        "class" => "mdm\admin\Module",   
    ],
    

    ],

    这步modules里面的admin是怎么来的啊???

  • 评论于 2017-03-07 19:36 举报

    楼主,请问下,前端用angular.js,后端用yii2 basic,采用restful方式,这架构中怎么使用RBAC

  • 评论于 2018-02-18 14:11 举报

    话说 文章写得垃圾 还来打广告

您需要登录后才可以评论。登录 | 立即注册