laravel权限模块之权限列表展示

2022-08-14 11:56:20

一、权限(结点)管理

1.1 创建权限资源路由

// 资源路由 权限管理Route::resource('node','NodeController');

在这里插入图片描述

1.2 创建资源控制器(关联模型)

创建资源控制器,并关联模型:
php artisan make:controller Admin/NodeController -r -m Models/Node
在这里插入图片描述
在这里插入图片描述
可以看到这边都自动生成模型路由了,跟之前角色路由我们手动传id的区别,就是这个命令你传id都给你自动取出模型数据,这就是laravel优雅之处了。

1.3 权限列表

1、控制器方法

/**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */publicfunctionindex(){$data=Node::all();returnview('admin.node.index',compact('data'));}

2、模版展示
还是直接将user文件夹复制黏贴改成node文件夹:
在这里插入图片描述
修改index.blade.php代码:

<!DOCTYPEHTML><html><head><meta charset="utf-8"><meta name="renderer" content="webkit|ie-comp|ie-stand"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/><link rel="stylesheet" type="text/css" href="/admin/static/h-ui/css/H-ui.min.css"/><link rel="stylesheet" type="text/css" href="/admin/static/h-ui.admin/css/H-ui.admin.css"/><link rel="stylesheet" type="text/css" href="/admin/lib/Hui-iconfont/1.0.8/iconfont.css"/><link rel="stylesheet" type="text/css" href="/admin/static/h-ui.admin/skin/default/skin.css" id="skin"/><link rel="stylesheet" type="text/css" href="/admin/static/h-ui.admin/css/style.css"/><link rel="stylesheet" href="{{asset('css/app.css')}}"><style>
		a{color:#fff;}</style><title>权限管理</title></head><body><navclass="breadcrumb"><iclass="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 用户中心 <span class="c-gray en">&gt;</span> 节点管理 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a></nav><!-- 消息提示-->
	@include('admin.common.msg')<divclass="page-container"><form method="get"class="text-c"> 节点名称:<input type="text"class="input-text" value="" style="width:250px" placeholder="输入节点名称" id="" name="kw" autocomplete="off"><button type="submit"class="btn btn-success radius" id="" name=""><iclass="Hui-iconfont">&#xe665;</i> 搜节点</button></form><divclass="cl pd-5 bg-1 bk-gray mt-20"><spanclass="l"><a href="{{route('admin.node.create')}}"class="btn btn-primary radius"><iclass="Hui-iconfont">&#xe600;</i> 添加节点</a></span></div><divclass="mt-20"><tableclass="table table-border table-bordered table-hover table-bg table-sort"><thead><trclass="text-c"><th width="80">ID</th><th width="100">节点名称</th><th width="40">路由别名</th><th width="130">是否菜单</th><th width="130">加入时间</th><th width="100">操作</th></tr></thead><tbody>
					@foreach($dataas$item)<trclass="text-c"><td>{{$item-> id}}</td><td>{{$item-> name}}</td><td>{{$item-> route_name}}</td><td>{{$item-> is_menu}}</td><!--<td><spanclass="label label-success radius"><a href="#">权限</a></span></td>--><td>{{$item-> created_at}}</td><tdclass="td-manage"><spanclass="label label-primary radius"><a href="{{route('admin.node.edit',$item)}}">修改</a></span><spanclass="label label-danger radius"><a href="{{route('admin.node.destroy',$item)}}">删除</a></span></td></tr>
					@endforeach</tbody></table></div></div><!--_footer 作为公共模版分离出去--><script type="text/javascript" src="/admin/lib/jquery/1.9.1/jquery.min.js"></script><script type="text/javascript" src="/admin/lib/layer/2.4/layer.js"></script><script type="text/javascript" src="/admin/static/h-ui/js/H-ui.min.js"></script><script type="text/javascript" src="/admin/static/h-ui.admin/js/H-ui.admin.js"></script><!--/_footer 作为公共模版分离出去--><!--请在下方写此页面业务相关的脚本--><script type="text/javascript" src="/admin/lib/My97DatePicker/4.8/WdatePicker.js"></script><script type="text/javascript" src="/admin/lib/datatables/1.10.15/jquery.dataTables.min.js"></script><script type="text/javascript" src="/admin/lib/laypage/1.2/laypage.js"></script></body></html>

3、增加菜单项
在这里插入图片描述
效果:
在这里插入图片描述

在学习的php的路上,如果你觉得本文对你有所帮助的话,那就请关注点赞评论三连吧,谢谢,你的肯定是我写博的另一个支持。

  • 作者:你华还是你华
  • 原文链接:https://blog.csdn.net/weixin_44103733/article/details/118253730
    更新时间:2022-08-14 11:56:20