author:咔咔
wechat:fangkangfk
html导航单显示
{include file="../../../application/admin/view/public/head" /}
<style type="text/css">
.hs-iframe{width:100%;height:100%;}
.layui-tab{position:absolute;left:0;top:0;height:100%;width:100%;z-index:10;margin:0;border:none;overflow:hidden;}
.layui-tab-title li:first-child > i {
display: none;
}
.layui-tab-content{padding:0 0 0 10px;height:100%;}
.layui-tab-item{height:100%;}
.layui-nav-tree .layui-nav-child a{height:38px;line-height: 38px;}
.footer{position:fixed;left:0;bottom:0;z-index:998;}
</style>
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<div class="fl header-logo">番茄视频后台控制台</div>
<div class="fl header-fold"><a href="javascript:;" title="打开/关闭左侧导航" class="aicon ai-caidan" id="foldSwitch"><i class="layui-icon"></i></a></div>
<ul class="layui-nav fl nobg main-nav">
{volist name="menus" id="vo"}
{if condition="($i eq 1)"}
<li class="layui-nav-item layui-this">
{else /}
<li class="layui-nav-item">
{/if}
<a href="javascript:;">{$vo['name']}</a></li>
{/volist}
</ul>
<ul class="layui-nav fr nobg head-info" lay-filter="">
<li class="layui-nav-item">
<a href="javascript:void(0);">{$Think.session.USER_INFO_SESSION.au_user_name} </a>
<dl class="layui-nav-child">
<dd><a href="javascript:void(0);" id="lockScreen">锁屏</a></dd>
<dd><a href="{:url('login/loginout')}">退出登陆</a></dd>
</dl>
</li>
<li class="layui-nav-item"><a href="http://www.maccms.com/" target="_blank">官网</a></li>
<li class="layui-nav-item"><a href="http://bbs.maccms.com/" target="_blank">论坛</a></li>
<li class="layui-nav-item"><a href="__ROOT__/" target="_blank">前台</a></li>
<li class="layui-nav-item"><a href="{:url('index/clear')}" class="j-ajax" refresh="yes">清缓存</a></li>
</ul>
</div>
<div class="layui-side layui-bg-black" id="switchNav">
<div class="layui-side-scroll">
{volist name="menus" id="v"}
{if condition="($i eq 1)"}
<ul class="layui-nav layui-nav-tree">
{else /}
<ul class="layui-nav layui-nav-tree" style="display:none;">
{/if}
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:;"><i ></i>{$v['name']}<span class="layui-nav-more"></span></a>
<dl class="layui-nav-child">
{volist name="v['sub']" id="vv" key="kk"}
<dd><a class="admin-nav-item" data-id="{$key}{$kk}" href="{$vv['url']}"><i ></i> {$vv['name']}</a></dd>
{/volist}
</dl>
</li>
</ul>
{/volist}
</div>
</div>
<div class="layui-body" id="switchBody">
<div class="layui-tab layui-tab-card" lay-filter="macTab" lay-allowClose="true">
<ul class="layui-tab-title">
<li lay-id="111" class="layui-this">欢迎页面</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<iframe lay-id="111" src="{:url('index/welcome')}" width="100%" height="100%" frameborder="0" scrolling="yes" class="hs-iframe"></iframe>
</div>
</div>
</div>
</div>
<div class="layui-footer footer">
<div class="fl"></div>
<div class="fr"> © 2008-2018 <a href="http://www.maccms.com/" target="_blank">MacCMS.COM.</a> All Rights Reserved.</div>
</div>
</div>
{include file="../../../application/admin/view/public/foot" /}
<!--请在下方写此页面业务相关的脚本-->
<script>
window.localStorage.clear();
var LAYUI_OFFSET = 60;
</script>
<script type="text/javascript">
layui.use(['element','layer'],function() {
var $ = layui.jquery,element = layui.element,layer = layui.layer;
$('.layui-tab-content').height($(window).height() - 145);
var tab = {
add: function(title,url,id) {
element.tabAdd('macTab',{
title: title,content: '<iframe width="100%" height="100%" lay-id="'+id+'" frameborder="0" src="'+url+'" scrolling="yes" class="x-iframe"></iframe>',id: id
});
},change: function(id) {
element.tabChange('macTab',id);
}
};
$('.admin-nav-item').click(function(event) {
var that = $(this);
var id = that.attr('data-id');
if ($('iframe[lay-id="'+id+'"]')[0]) {
tab.change(id);
event.stopPropagation();
$("iframe[lay-id='"+id+"']")[0].contentwindow.location.reload(true);//切换后刷新框架
return false;
}
if ($('iframe').length == 10) {
layer.msg('最多可打开10个标签页');
return false;
}
that.css({color:'#fff'});
tab.add(that.text(),that.attr('href'),that.attr('data-id'));
tab.change(that.attr('data-id'));
event.stopPropagation();
return false;
});
$(document).on('click','.layui-tab-close',function() {
$('.layui-nav-child a[data-id="'+$(this).parent('li').attr('lay-id')+'"]').css({color:'rgba(255,255,.7)'});
});
});
</script>
</body>
</html>
这是效果图
下来我们开始写控制器:
在写权限之前,我们先缕缕思路
2.过滤系统管理员,不判断其权限
3.根据登录时的角色信息,来验证权限
这个时候我们需要在base基类里边做权限验证
这里使用的是tp5获取的控制器和方法名,这里有一个注意点就是需要将所有的地址全部转为小写,这一步就是判断用户是否有权限,有权限了会继续执行,没有权限的话,会直接返回上一个页面
public function check_auth($controller,$action)
{
$c = strtolower($controller);
$a = strtolower($action);
// 获取用户权限
$authId = $this->session->getUserRole();
// 获取用户信息
$adminData = $this->session->getUserInfo();
$adminAuth = Db::name('auth')->where('a_id',$authId)->value('a_auth');
$auths = $adminAuth . ',index/index,index/welcome,';
$cur = $c.'/'.$a;
if($adminData->au_id =='1'){
return true;
}
elseif(strpos(strtolower($auths),$cur)===false){
return false;
}
else{
return true;
}
}
做到这里是不是感觉代码就到这完了,其实不然,我们还需要写菜单栏的代码,因为设置权限了以后,会有一部分导航是看不见的
这个功能点,我们在哪里做呢!我们都是知道Layui这个框架是是使用的ifaram,所以导航栏只会刷新一次,所以我们需要在index控制写
这个方法的注释已经写得很明晰了。我简单的解释一下
首先我们会从配置文件中将所有的权限都读取出来,然后进行循环组装跟移除此用户没有权限的导航。
show为1的是显示的导航列表,我们获取到配置文件的权限信息,组装成我们数据库存储的格式
然后拿着这个控制器跟方法名来使用我们base的检验权限的方法,来移除不属于角色的权限,这就是第一个if做的事情
我们的模块有增删改这三个功能,当然我们的权限控制也是需要控制这些列表的。但是这些列表是不会显示出来的,所以我们会将show为0的所有列表删除掉
这个时候我们的大的导航栏在权限过滤完之后是由一部分是空的,所以在将这一部分删除即可
/**
* 获取菜单
* @return array
*/
public function getMenu()
{
$menus = Config::get('auth');
foreach($menus as $k1=>$v1){
foreach($v1['sub'] as $k2=>$v2){
// 获取所有的一级菜单
if($v2['show'] == 1) {
$url = url( 'admin/'.$v2['controller'] . '/' . $v2['action']);
if ($this->check_auth($v2['controller'],$v2['action'])) {
$menus[$k1]['sub'][$k2]['url'] = $url;
} else {
// 没有权限的全部删除
unset($menus[$k1]['sub'][$k2]);
}
}
else{
// 不显示的不需要给组装url
unset($menus[$k1]['sub'][$k2]);
}
}
// 在将权限过滤完之后,没有权限的一级就没有二级,所以删除区级即可
if(empty($menus[$k1]['sub'])){
unset($menus[$k1]);
}
}
return $menus;
}
我们权限存储的方式
<?PHP
return array(
'1' => array('name' => '首页','icon' => 'xe625','sub' => array(
'11' => array("show"=>1,"name" => '欢迎页面','controller' => 'index','action' => 'welcome'),'12' => array("show"=>1,"name" => '系统配置',)),'11' => array('name' => '管理员','icon' => 'xe62c','sub' => array(
'114' => array("show"=>1,'name' => '管理员','controller' => 'Administrators','action' => 'index'),'63' => array("show"=>1,'name' => '管理员权限组','controller' => 'Auth','115' => array("show"=>1,'name' => '管理员操作日志','controller' => 'userTask','3' => array('name' => '基础','sub' => array(
'26' => array("show"=>1,'name' => '启动和引导页','controller' => 'boot','261' => array("show"=>0,'name' => '启动页添加','action' => 'addBootUp'),'262' => array("show"=>0,'name' => '启动页修改','action' => 'editBootUp'),'263' => array("show"=>0,'name' => '启动页删除','action' => 'delBootUp'),'264' => array("show"=>0,'name' => '启动页状态','action' => 'bootUpStatus'),'31' => array("show"=>1,'name' => '广告管理','controller' => 'ad','311' => array("show"=>0,'name' => '广告添加','action' => 'addBanner'),'312' => array("show"=>0,'name' => '广告修改','action' => 'editBanner'),'313' => array("show"=>0,'name' => '广告删除','action' => 'delBanner'),'314' => array("show"=>0,'name' => '广告视频','action' => 'videoInfoList'),'30' => array("show"=>1,'name' => '域名管理','controller' => 'domain','301' => array("show"=>0,'name' => '域名添加','action' => 'addDomain'),'302' => array("show"=>0,'name' => '域名修改','action' => 'editDomain'),'303' => array("show"=>0,'name' => '域名删除','action' => 'delDoamin'),'34' => array("show"=>1,'name' => '用户图像库','controller' => 'headpic','341' => array("show"=>0,'name' => '用户图像库添加','action' => 'add'),'342' => array("show"=>0,'name' => '用户图像库修改','action' => 'edit'),'343' => array("show"=>0,'name' => '用户图像库删除','action' => 'del'),'32' => array("show"=>1,'name' => '公告管理','33' => array("show"=>1,'name' => '系统消息','27' => array("show"=>1,'name' => '版本更新','controller' => 'Versions','2701' => array("show"=>0,'name' => '--版本修改','action' => 'editVersions'),'2703' => array("show"=>0,'name' => '--版本删除','action' => 'delVersions'),'2704' => array("show"=>0,'name' => '--版本添加','action' => 'addVersions'),'4' => array('name' => '视频','sub' => array(
'31' => array("show"=>1,'name' => '类型管理','controller' => 'videoType','name' => '修改类型','action' => 'editType'),'name' => '删除类型','action' => 'delVideoType'),'name' => '添加类型','action' => 'addVideoType'),'name' => '一级分类管理','action' => 'subclassList'),'315' => array("show"=>0,'name' => '一级分类修改','action' => 'editSubClass'),'316' => array("show"=>0,'name' => '一级分类添加','action' => 'addSubclass'),'317' => array("show"=>0,'name' => '一级分类删除','action' => 'delSubclass'),'318' => array("show"=>0,'name' => '二级分类管理','action' => 'secondTypeIndex'),'319' => array("show"=>0,'name' => '添加二级分类','action' => 'addSecondType'),'3110' => array("show"=>0,'name' => '修改二级分类','action' => 'editSecondType'),'name' => '专题管理','controller' => 'subject','321' => array("show"=>0,'name' => '专题列表','action' => 'subjectList'),'322' => array("show"=>0,'name' => '专题修改','action' => 'editSubject'),'323' => array("show"=>0,'name' => '专题添加','action' => 'addSubject'),'324' => array("show"=>0,'name' => '专题删除','action' => 'delSubject'),'325' => array("show"=>0,'name' => '专题视频列表','action' => 'videoList'),'326' => array("show"=>0,'name' => '专题视频添加','action' => 'subjectVideoAdd'),'327' => array("show"=>0,'name' => '专题视频删除','action' => 'delSubjectVideo'),'328' => array("show"=>0,'name' => '专题视频更换','action' => 'editSubjectVideo'),'329' => array("show"=>0,'name' => '专题广告列表','action' => 'adList'),'3210' => array("show"=>0,'name' => '专题广告添加','action' => 'addAd'),'3211' => array("show"=>0,'name' => '专题广告修改','action' => 'editAd'),'3212' => array("show"=>0,'name' => '专题广告删除','action' => 'delAd'),'40' => array("show"=>1,'name' => '标签库','controller' => 'tag','401' => array("show"=>0,'name' => '标签添加','402' => array("show"=>0,'name' => '标签修改','403' => array("show"=>0,'name' => '标签删除','41' => array("show"=>1,'name' => '热词管理','controller' => 'hotword','411' => array("show"=>0,'name' => '热词添加','412' => array("show"=>0,'name' => '热词修改','413' => array("show"=>0,'name' => '热词删除','38' => array("show"=>1,'name' => '视频管理','controller' => 'video','381' => array("show"=>0,'name' => '视频添加','382' => array("show"=>0,'name' => '视频修改','383' => array("show"=>0,'name' => '视频删除','39' => array("show"=>1,'name' => '评论管理','6' => array('name' => '用户','sub' => array(
'63' => array("show"=>1,'name' => '用户管理','controller' => 'user','6301' => array("show"=>0,'name' => '--会员信息查看','action' => 'userView'),'6302' => array("show"=>0,'name' => '--会员删除','action' => 'delUser'),'6303' => array("show"=>0,'name' => '--会员信息修改','action' => 'editUser'),'64' => array("show"=>1,'name' => '任务记录','6401' => array("show"=>0,'name' => '用户任务删除','action' => 'delUserTask'),'65' => array("show"=>1,'name' => '特权兑换记录','controller' => 'userExchange','6501' => array("show"=>0,// '67' => array("show"=>1,'name' => '视频播放记录',// '68' => array("show"=>1,'name' => '视频收藏记录','66' => array("show"=>1,'name' => 'App下载记录','69' => array("show"=>1,'name' => '用户反馈','5' => array('name' => '推广','icon' => 'xe616','sub' => array(
'28' => array("show"=>1,'name' => '任务配置','controller' => 'task','2801' => array("show"=>0,'name' => '--任务修改','action' => 'editTask'),'2803' => array("show"=>0,'name' => '--任务删除','action' => 'delTask'),'2804' => array("show"=>0,'name' => '--任务添加','action' => 'addTask'),'26' => array("show"=>1,'name' => '特权配置','controller' => 'Exchange','2601' => array("show"=>0,'name' => '特权修改','action' => 'addExchange'),'2603' => array("show"=>0,'name' => '特权删除','action' => 'editExchange'),'2604' => array("show"=>0,'name' => '特权添加','action' => 'delExchange'),'29' => array("show"=>1,'name' => '等级配置',// '9' => array('name' => '采集','icon' => 'xe727','sub' => array(
// '91' => array("show"=>1,'name' => '联盟资源库','controller' => 'collect','action' => 'union'),// '9101' => array("show"=>0,'name' => '--采集入口','action' => 'api'),// '9102' => array("show"=>0,'name' => '--断点采集','action' => 'load'),// '9103' => array("show"=>0,'name' => '--绑定分类','action' => 'bind'),// '9104' => array("show"=>0,'name' => '--采集视频','action' => 'vod'),// '9105' => array("show"=>0,'name' => '--采集文章','action' => 'art'),//
// '92' => array("show"=>1,'name' => '定时挂机采集','action' => 'timing'),//
// '93' => array("show"=>1,'name' => '自定义资源库',// '9301' => array("show"=>0,'name' => '--自定义资源库信息维护','action' => 'info'),// '9302' => array("show"=>0,'name' => '--自定义资源库删除',//
// '94' => array("show"=>1,'name' => '自定义采集','controller' => 'cj',// '9401' => array("show"=>0,'name' => '--自定义采集信息维护',// '9402' => array("show"=>0,'name' => '--自定义采集删除',// '9403' => array("show"=>0,'name' => '--自定义采集发布方案','action' => 'program'),// '9404' => array("show"=>0,'name' => '--自定义采集采集网址','action' => 'col_url'),// '9405' => array("show"=>0,'name' => '--自定义采集采集内容','action' => 'col_content'),// '9406' => array("show"=>0,'name' => '--自定义采集发布内容','action' => 'publish'),// '9407' => array("show"=>0,'name' => '--自定义采集导出','action' => 'export'),// '9408' => array("show"=>0,'name' => '--自定义采集导入','action' => 'import'),//
// )),// '10' => array('name' => '数据库','icon' => 'xe621','sub' => array(
// '101' => array("show"=>1,'name' => '数据库管理','controller' => 'database',// '10001' => array("show"=>0,'name' => '--数据库备份',// '10002' => array("show"=>0,'name' => '--数据库还原',// '10003' => array("show"=>0,'name' => '--数据库优化','action' => 'optimize'),// '10004' => array("show"=>0,'name' => '--数据库修复','action' => 'repair'),// '10005' => array("show"=>0,'name' => '--数据库删除备份',// '10006' => array("show"=>0,'name' => '--数据库表信息','action' => 'columns'),//
// '102' => array("show"=>1,'name' => '执行sql语句','action' => 'sql'),// '103' => array("show"=>1,'name' => '数据批量替换','action' => 'rep'),// )),);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。