search

博客列表 >后台四 菜单列表

后台四 菜单列表

自由之上
自由之上原创
2021年03月13日 10:29:141127浏览


一、菜单列表 模块
1、创建 菜单列表 视图模板


resources/views/admins/menus/index.blade.php

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>菜单列表</title>
  5.     <link rel="stylesheet" type="text/css" href="/static/layui/css/layui.css">
  6.     <script type="text/javascript" src="/static/layui/layui.js"></script>
  7. </head>
  8. <body style="padding: 10px;">
  9. <input type="hidden" name="mid" value="{{$pmenu['mid']}}">
  11. <div style="text-align: right;">
  12.     @if($pmenu)
  13.     <button class="layui-btn layui-btn-sm layui-btn-primary" onclick="back({{$pmenu['pid']}})">返回</button>
  14.     @endif
  15.     <button class="layui-btn layui-btn-sm" onclick="add()"><i class="layui-icon layui-icon-addition"></i>添加</button>
  16. </div>
  18. <table class="layui-table">
  19.     <thead>
  20.     <tr>
  21.         <td>ID</td>
  22.         <td>MID</td>
  23.         <td>菜单名称</td>
  24.         <td>controller</td>
  25.         <td>action</td>
  26.         <td>是否隐藏</td>
  27.         <td>是否禁用</td>
  28.         <td>操作</td>
  29.     </tr>
  30.     </thead>
  31.     <tbody>
  32.     @foreach($list as $key=>$item)
  33.         <tr>
  34.             <td>{{$key}}</td>
  35.             <td>{{$item['mid']}}</td>
  36.             <td>{{$item['title']}}</td>
  37.             <td>{{$item['controller']}}</td>
  38.             <td>{{$item['action']}}</td>
  39.             <td>{!!$item['ishidden']==1?'<span style="coloer:#cdcdcd;">隐藏</span>':'显示' !!}</td>
  40.             <td>{!!$item['status']==1?'<span style="color:red;">禁用</span>':'<span style="color:green;">正常</span>'!!}</td>
  41.             <td>
  42.                 <button class="layui-btn layui-btn-xs layui-btn-primary" onclick="child({{$item['mid']}})">下级菜单</button>
  43.                 <button class="layui-btn layui-btn-xs" onclick="edit({{$item['mid']}})">修改</button>
  44.                 <button class="layui-btn layui-btn-xs layui-btn-danger" onclick="del({{$item['mid']}})">删除</button>
  45.             </td>
  46.         </tr>
  47.     @endforeach
  48.     </tbody>
  49. </table>
  50. </body>
  51. </html>
  52. <script type="text/javascript">
  53.     layui.use(['layer'], function () {
  54.         $ = layui.jquery;
  55.         layer = layui.layer;
  56.     });
  58.     // 添加管理员
  59.     function add() {
  60.         var mid = $('input[name="mid"]').val();
  61.         layer.open({
  62.             type: 2,
  63.             title: '添加菜单',
  64.             shade: 0.3,
  65.             area: ['500px', '450px'],
  66.             content: '/admins/menus/add?pid=' + mid
  67.         });
  68.     }
  70.     // 修改菜单
  71.     function edit(mid) {
  72.         layer.open({
  73.             type: 2,
  74.             title: '修改菜单',
  75.             shade: 0.3,
  76.             area: ['500px', '450px'],
  77.             content: '/admins/menus/edit?mid=' + mid
  78.         });
  79.     }
  81.     // 删除菜单
  82.     function del(mid) {
  83.         layer.confirm('确定要删除吗？', {
  84.             icon: 3,
  85.             btn: ['确定', '取消']
  86.         }, function () {
  87.             $.get('/admins/menus/del', {mid: mid}, function (res) {
  88.                 if (res.code > 0) {
  89.                     return layer.alert(res.msg, {icon: 2});
  90.                 }
  91.                 layer.msg(res.msg);
  92.                 setTimeout(function () {
  93.                     window.location.reload();
  94.                 }, 1000);
  95.             }, 'json');
  96.         });
  97.     }
  99.     // 下级菜单
  100.     function child(mid) {
  101.         window.location.href = '?mid=' + mid;
  102.     }
  104.     // 返回上一级
  105.     function back(mid) {
  106.         window.location.href = '/admins/menus/index?mid=' + mid;
  107.     }
  108. </script>

2、创建 菜单列表 控制器

app/Http/Controllers/admins/Menus.php

  1. <?php
  3. namespace App\Http\Controllers\admins;
  5. use App\Http\Controllers\Controller;
  7. /**
  8.  * 菜单 控制器
  9.  * @package App\Http\Controllers\admins
  10.  */
  11. class Menus extends Controller{
  13. }


3、菜单列表 控制器处理
app/Http/Controllers/admins/Menus.php

  1. use Illuminate\Http\Request;
  2. use Illuminate\Support\Facades\DB;
  3. use Illuminate\Support\Facades\Log;
  1.  //菜单列表
  2. public function index(Request $req) {
  3.   $mid = (int)$req->mid;//子列表查询有效
  4.   Log::debug("菜单列表:mid:", [$mid]);
  5.   $data['list'] = DB::table('admin_menu')->where('pid', $mid)->where('isdel', 0)->orderBy('mid', 'desc')->lists();
  6.   $data['pmenu'] = DB::table('admin_menu')->where('mid', $mid)->item();
  8.   return view('admins/menus/index', $data);
  9. }


4、菜单列表 注册路由

  1. use App\Http\Controllers\admins\Menus;
  3. //显示菜单列表
  4. Route::get('/admins/menus/index', [Menus::class, 'index']);



5、查看效果

二、添加与保存菜单 模块

1、创建 添加菜单 视图模板


resources/views/admins/menus/add.blade.php

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>添加菜单</title>
  5.     <link rel="stylesheet" type="text/css" href="/static/layui/css/layui.css">
  6.     <script type="text/javascript" src="/static/layui/layui.js"></script>
  7. </head>
  8. <body style="padding: 10px;">
  9. <div class="layui-form">
  10.     @csrf
  11.     <input type="hidden" name="pid" value="{{$pid}}">
  12.     <div class="layui-form-item">
  13.         <label class="layui-form-label">菜单名称</label>
  14.         <div class="layui-input-block">
  15.             <input type="text" name="title" class="layui-input">
  16.         </div>
  17.     </div>
  18.     <div class="layui-form-item">
  19.         <label class="layui-form-label">controller</label>
  20.         <div class="layui-input-block">
  21.             <input type="text" name="controller" class="layui-input">
  22.         </div>
  23.     </div>
  24.     <div class="layui-form-item">
  25.         <label class="layui-form-label">action</label>
  26.         <div class="layui-input-block">
  27.             <input type="text" name="action" class="layui-input">
  28.         </div>
  29.     </div>
  30.     <div class="layui-form-item">
  31.         <label class="layui-form-label">状态</label>
  32.         <div class="layui-input-block">
  33.             <input type="checkbox" name="ishidden" lay-skin="primary" title="隐藏">
  34.             <input type="checkbox" name="status" lay-skin="primary" title="禁用">
  35.         </div>
  36.     </div>
  37.     <div class="layui-input-block">
  38.         <button class="layui-btn" onclick="save()">保存</button>
  39.     </div>
  40. </div>
  41. </body>
  42. </html>
  43. <script type="text/javascript">
  44.     layui.use(['form'], function () {
  45.         $ = layui.jquery;
  46.         form = layui.form;
  47.         layer = layui.layer;
  48.     });
  50.     function save() {
  51.         var pid = $('input[name="pid"]').val();
  52.         var title = $('input[name="title"]').val();
  53.         var controller = $('input[name="controller"]').val();
  54.         var action = $('input[name="action"]').val();
  55.         var ishidden = $('input[name="ishidden"]').is(':checked') ? 1 : 0;
  56.         var status = $('input[name="status"]').is(':checked') ? 1 : 0;
  57.         var _token = $('input[name="_token"]').val();
  58.         if (title === '') {
  59.             return layer.alert('请填写菜单名称', {icon: 2});
  60.         }
  61.         $.post('/admins/menus/save', {
  62.             pid: pid,
  63.             title: title,
  64.             controller: controller,
  65.             action: action,
  66.             ishidden: ishidden,
  67.             status: status,
  68.             _token: _token
  69.         }, function (res) {
  70.             if (res.code > 0) {
  71.                 return layer.alert(res.msg, {icon: 2});
  72.             }
  73.             layer.msg(res.msg);
  74.             setTimeout(function () {
  75.                 parent.window.location.reload();
  76.             }, 1000);
  77.         }, 'json');
  78.     }
  79. </script>

2、添加与保存菜单 控制器处理
app/Http/Controllers/admins/Menus.php

  1.  //添加菜单
  2.     public function add(Request $req) {
  3.         $data['pid'] = (int)$req->pid;
  4.         return view('admins/menus/add', $data);
  5.     }
  7.     //保存菜单
  8.     public function save(Request $req) {
  9.         $data['pid'] = (int)$req->pid;
  10.         $data['title'] = $req->title;
  11.         $data['controller'] = $req->controller ? $req->controller : '';
  12.         $data['action'] = $req->action ? $req->action : '';
  13.         $data['ishidden'] = (int)$req->ishidden;
  14.         $data['status'] = (int)$req->status;
  15.         if ($data['title'] == '') {
  16.             return json_encode(array('code' => 1, 'msg' => '菜单名称不能为空'));
  17.         }
  18.         DB::table('admin_menu')->insert($data);
  19.         return json_encode(array('code' => 0, 'msg' => '保存成功'));
  20.     }


3、添加与保存菜单 注册 路由
routes/web.php

  1.     //添加菜单 处理
  2.     Route::get('/admins/menus/add', [Menus::class, 'add']);
  3.     //保存菜单 处理
  4.     Route::post('/admins/menus/save', [Menus::class, 'save']);

4、查看效果

三、编辑与保存编辑菜单 模块

1、创建 编辑与保存编辑菜单 视图模板

resources/views/admins/menus/edit.blade.php

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>编辑菜单</title>
  5.     <link rel="stylesheet" type="text/css" href="/static/layui/css/layui.css">
  6.     <script type="text/javascript" src="/static/layui/layui.js"></script>
  7. </head>
  8. <body style="padding: 10px;">
  9. <div class="layui-form">
  10.     @csrf
  11.     <input type="hidden" name="mid" value="{{$item['mid']}}">
  12.     <div class="layui-form-item">
  13.         <label class="layui-form-label">菜单名称</label>
  14.         <div class="layui-input-block">
  15.             <input type="text" name="title" class="layui-input" value="{{$item['title']}}">
  16.         </div>
  17.     </div>
  18.     <div class="layui-form-item">
  19.         <label class="layui-form-label">controller</label>
  20.         <div class="layui-input-block">
  21.             <input type="text" name="controller" class="layui-input" value="{{$item['controller']}}">
  22.         </div>
  23.     </div>
  24.     <div class="layui-form-item">
  25.         <label class="layui-form-label">action</label>
  26.         <div class="layui-input-block">
  27.             <input type="text" name="action" class="layui-input" value="{{$item['action']}}">
  28.         </div>
  29.     </div>
  30.     <div class="layui-form-item">
  31.         <label class="layui-form-label">状态</label>
  32.         <div class="layui-input-block">
  33.             <input type="checkbox" name="ishidden" lay-skin="primary" title="隐藏" {{$item['ishidden']==1?'checked':''}}>
  34.             <input type="checkbox" name="status" lay-skin="primary" title="禁用" {{$item['status']==1?'checked':''}}>
  35.         </div>
  36.     </div>
  37.     <div class="layui-input-block">
  38.         <button class="layui-btn" onclick="save()">保存</button>
  39.     </div>
  40. </div>
  41. </body>
  42. </html>
  43. <script type="text/javascript">
  44.     layui.use(['form'], function () {
  45.         $ = layui.jquery;
  46.         form = layui.form;
  47.         layer = layui.layer;
  48.     });
  50.     //保存
  51.     function save() {
  52.         var mid = $('input[name="mid"]').val();
  53.         var title = $('input[name="title"]').val();
  54.         var controller = $('input[name="controller"]').val();
  55.         var action = $('input[name="action"]').val();
  56.         var ishidden = $('input[name="ishidden"]').is(':checked') ? 1 : 0;
  57.         var status = $('input[name="status"]').is(':checked') ? 1 : 0;
  58.         var _token = $('input[name="_token"]').val();
  59.         if (title == '') {
  60.             return layer.alert('请填写菜单名称', {icon: 2});
  61.         }
  62.         $.post('/admins/menus/save_edit', {
  63.             mid: mid,
  64.             title: title,
  65.             controller: controller,
  66.             action: action,
  67.             ishidden: ishidden,
  68.             status: status,
  69.             _token: _token
  70.         }, function (res) {
  71.             if (res.code > 0) {
  72.                 return layer.alert(res.msg, {icon: 2});
  73.             }
  74.             layer.msg(res.msg);
  75.             setTimeout(function () {
  76.                 parent.window.location.reload();
  77.             }, 1000);
  78.         }, 'json');
  79.     }
  80. </script>

2、编辑与保存编辑菜单 控制器处理
app/Http/Controllers/admins/Menus.php

  1.  //编辑菜单
  2.     public function edit(Request $req) {
  3.         $mid = (int)$req->mid;
  4.         $data['item'] = DB::table('admin_menu')->where('mid', $mid)->item();
  5.         return view('admins/menus/edit', $data);
  6.     }
  8.     // 保存修改
  9.     public function save_edit(Request $req) {
  10.         $mid = (int)$req->mid;
  11.         $data['title'] = $req->title;
  12.         $data['controller'] = $req->controller ? $req->controller : '';
  13.         $data['action'] = $req->action ? $req->action : '';
  14.         $data['ishidden'] = (int)$req->ishidden;
  15.         $data['status'] = (int)$req->status;
  16.         if ($data['title'] == '') {
  17.             return json_encode(array('code' => 1, 'msg' => '菜单名称不能为空'));
  18.         }
  19.         DB::table('admin_menu')->where('mid', $mid)->update($data);
  20.         return json_encode(array('code' => 0, 'msg' => '保存成功'));
  21.     }


3、编辑与保存编辑菜单 注册路由
routes/web.php

  1.     //编辑菜单 窗口
  2.     Route::get('/admins/menus/edit',[Menus::class, 'edit']);
  3.     //保存编辑菜单 处理
  4.     Route::post('/admins/menus/save_edit',[Menus::class, 'save_edit']);


4、查看效果

四、删除菜单 模块

1、删除菜单 控制器处理
app/Http/Controllers/admins/Menus.php

  1.  // 删除菜单
  2.     public function del(Request $req) {
  3.         $mid = (int)$req->mid;
  4.         DB::table('admin_menu')->where('mid', $mid)->update(['isdel' => 1]);
  5.         return json_encode(array('code' => 0, 'msg' => '删除成功'));
  6.     }

2、删除菜单 注册路由

  1. //删除菜单 处理
  2.  Route::get('/admins/menus/del',[Menus::class, 'del']);


3、查看效果

上一条：SQL查询语句下一条：内存卡连接时显示文件夹变0字节请问怎么才能修复
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多