search

博客列表 >3.【商城后台管理系统】基于TP6开发登陆授权重定向拦截操作及管理员列表操作

3.【商城后台管理系统】基于TP6开发登陆授权重定向拦截操作及管理员列表操作

　一纸荒凉* Armani
　一纸荒凉* Armani原创
2021年06月16日 11:13:171659浏览

【商城后台管理系统】基于TP6开发登陆授权重定向拦截操作及管理员列表渲染

一、登陆授权

我们都知道，前面登陆功能已经做好了，登陆成功以后通过Session将用户信息保存，实现多页面数据交互，后台首页显示有登陆者的用户名和角色名称。

但是问题来了，目前来看，如果我不登录也是照样可以访问后台首页的，且无法获取用户信息进行显示。

这个时候我们就要进行登陆拦截操作，当该页面未检测到用户的Session信息的时候，将进行拦截重定向跳转至登陆页面处理。

  1. // 1.禁止未登录的用户进入系统------
  3.         $admin = Session::get('admin');
  4.         if(empty($admin)){
  5.             // 通过接口请求的拦截
  6.             if (Request::isAjax()) {
  7.                 exit(json_encode(['code'=>1,'msg'=>'您当前还未登陆！！！']));
  8.             }
  9.             // 显示登陆页面
  10.             exit(View::fetch('/account/login'));
  11.         }

但是我们不可能对每个控制器中的每一个方法都进行验证操作，这时候就可以用到BaseController类，我们中的我们的控制器都是继承这个基类的，他当中有个初始化方法，会在执行控制器方法之前执行initialize()初始化方法，可以将检测登陆信息拦截放到这个基类的初始化方法中进行。

  1. protected function initialize(){
  2.         // 1.禁止未登录的用户进入系统------
  4.         $admin = Session::get('admin');
  5.         if(empty($admin)){
  6.             if (Request::isAjax()) {
  7.                 exit(json_encode(['code'=>1,'msg'=>'您当前还未登陆！！！']));
  8.             }
  9.             exit(View::fetch('/account/login'));
  10.         }
  11. }

后续需要登陆授权拦截的页面，只需要继承这个基类即可实现拦截操作。这下在未登录的情况下，直接访问后台首页，在初始化的时候，由于没有检测到Session用户信息，直接拦截显示了后台的登陆页面，如果用户信息存在，则不会执行拦截操作。

二、管理员列表

新建控制器 Admin.php 查询出管理员的信息

  1. <?php
  3. namespace app\admin\controller;
  4. use think\facade\Db;
  5. use think\facade\View;
  6. use think\facade\Request;
  8. /**
  9.  * 管理员管理
  10.  */
  11. class Admin extends Base
  12. {
  13.     // 账号列表
  14.     public function index(){
  16.         /** 方案一：分别取出所有的数据 
  17.         // 查询出所有管理员用户信息
  18.         $data['adminList'] = Db::table('admin')->select()->toArray();
  19.         // 查询出所有角色信息
  20.         $groupList = Db::table('admin_group')->field(['id','title'])->select()->toArray();
  21.         // 循环用户账户信息
  22.         foreach ($data['adminList'] as $key => $user) {
  23.             // 用于查找存储对应的角色名称默认为空
  24.             $data['adminList'][$key]['group_title'] = '';
  25.             // 循环角色信息
  26.             foreach ($groupList as $value) {
  27.                 // 判断用户信息的角色gid是否和角色列表的id相等
  28.                 if($user['gid']==$value['id']){
  29.                     // 用户列表gid和角色列表id相等，则赋值角色名称
  30.                     $data['adminList'][$key]['group_title'] = $value['title'];
  31.                     break;
  32.                 }
  33.             }
  34.         }*/
  36.         /** 使用join连表查询 */
  37.         $data['adminList'] = Db::table('admin a')
  38.         ->field('a.*,g.title group_title')
  39.         ->join(['admin_group'=>'g'],'a.gid=g.id')
  40.         ->order('a.id desc')
  41.         ->select();
  43.         // 将数据传递给视图层
  44.         View::assign([
  45.             'data'=>$data
  46.         ]);
  47.         // 指定视图名称
  48.         return View::fetch('/admin/index');
  49.     }
  51. }

新建视图文件 Admin/index.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: 20px;">
  9.     <div class="layui-card">
  10.       <div class="layui-card-header"><h3>管理员列表</h3></div>
  11.       <div class="layui-card-body">
  12.         <span class="layui-breadcrumb">
  13.           <a>管理账号</a>
  14.           <a href="/admin/admin/index"><cite>账号列表</cite></a>
  15.         </span>
  16.         <button style="float: right;" type="button" class="layui-btn layui-btn-normal layui-btn-radius layui-btn-sm" onclick="add()">
  17.             <i class="layui-icon layui-icon-add-1"></i>添加
  18.          </button>
  19.         <table class="layui-table" >
  20.             <thead>
  21.                 <tr>
  22.                     <th>ID</th>
  23.                     <th>用户名</th>
  24.                     <th>角色</th>
  25.                     <th>真实姓名</th>
  26.                     <th>电话</th>
  27.                     <th>添加时间</th>
  28.                     <th>登陆时间</th>
  29.                     <th>状态</th>
  30.                     <th>操作</th>
  31.                 </tr>
  32.             </thead>
  33.             <tbody>
  34.                 {foreach $data['adminList'] as $user}
  35.                 <tr>
  36.                     <td>{$user['id']}</td>
  37.                     <td>{$user['username']}</td>
  38.                     <td>{$user['group_title']}</td>
  39.                     <td>{$user['truename']}</td>
  40.                     <td>{$user['phone']}</td>
  41.                     <td>{$user['add_time'] | date='Y-m-d H:i:s'}</td>
  42.                     <td>{$user['lastlogin'] | date='Y-m-d H:i:s'}</td>
  43.                     <td>
  44.                         {if($user['status']==0)}
  45.                             <span class="layui-badge layui-bg-green"><i class="layui-icon layui-icon-ok-circle"></i>正常</span>
  46.                         {else if/}
  47.                             <span class="layui-badge layui-bg-red"><i class="layui-icon layui-icon-close"></i></i>禁用</span>
  48.                         {/if}
  49.                     </td>
  50.                     <td>
  51.                         <button type="button" class="layui-btn layui-btn-xs" onclick="edit({$user['id']})">
  52.                             <i class="layui-icon layui-icon-edit"></i>修改
  53.                         </button>
  54.                         <button type="button" class="layui-btn layui-btn-xs layui-bg-red" onclick="del({$user['id']})">
  55.                             <i class="layui-icon layui-icon-delete"></i>删除
  56.                         </button>
  57.                     </td>
  58.                 </tr>
  59.                 {/foreach}
  60.             </tbody>
  61.         </table>
  62.       </div>
  63.     </div>
  64. </body>
  65. </html>

三、管理员修改

Admin.php控制器方法edit

  1. <?php
  3. namespace app\admin\controller;
  4. use think\facade\Db;
  5. use think\facade\View;
  6. use think\facade\Request;
  8. /**
  9.  * 管理员管理
  10.  */
  11. class Admin extends Base
  12. {
  13.     // 账号列表...
  15.     // 修改管理员
  16.     public function edit(){
  17.         if(Request::isPost()){
  18.             // 保存修改的用户信息
  19.             $data['id'] = input('post.id');
  20.             $data['username'] = input('post.username');
  21.             $data['gid'] = input('post.gid');
  22.             $data['gid'] = input('post.gid');
  23.             $data['truename'] = input('post.truename');
  24.             $data['phone'] = input('post.phone');
  25.             $data['status'] = input('post.status');
  26.             $password = input('post.password');
  27.             // 判断是否传递了密码即修改密码
  28.             if($password){
  29.                 // 对密码进行加密处理
  30.                 $data['password'] = password_hash($password,PASSWORD_DEFAULT);
  31.             }
  32.             // 修改数据
  33.             $res = Db::table('admin')->save($data);
  34.             // 修改成功
  35.             if(empty($res)){
  36.                 exit(json_encode(array('code'=>1,'msg'=>'修改失败')));
  37.             }
  38.             exit(json_encode(array('code'=>0,'msg'=>'更新成功')));
  40.         }else{
  41.             $id = (int)input('get.id');
  42.             // 查询用户信息
  43.             $data['item'] = Db::table('admin')->where('id',$id)->find();
  44.             // 查询角色列表
  45.             $data['groupList'] = Db::table('admin_group')->field('id,title')->select();
  46.             return view('/admin/edit',$data);
  47.         }
  48.     }
  49. }

管理员列表视图中修改按钮操作 Admin\index.php

  1. <button type="button" class="layui-btn layui-btn-xs" onclick="edit({$user['id']})">
  2.     <i class="layui-icon layui-icon-edit"></i>修改
  3. </button>
  5. <script>
  6.     $ = layui.jquery;
  8.     function edit(id){
  9.         layer.open({
  10.             type: 2,
  11.             title:'修改管理员信息',
  12.             shadeClose: false,
  13.             shade:0.8,
  14.             area:['480px','450px'],
  15.             content:'/admin/admin/edit?id='+id
  16.         });
  17.     }
  19. </script>

修改页面视图 Admin\edit.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>
  9.     <div class="layui-form" style="padding: 10px;">
  10.         <input type="hidden" name="id" value="{$item['id']}">
  11.         <div class="layui-form-item">
  12.             <label class="layui-form-label">用户名</label>
  13.             <div class="layui-input-block">
  14.                 <input type="text" class="layui-input" name="username" value="{$item['username']}" readonly="readonly">
  15.             </div>
  16.         </div>
  17.         <div class="layui-form-item">
  18.             <label class="layui-form-label">密码</label>
  19.             <div class="layui-input-block">
  20.                 <input type="text" class="layui-input" name="password" autocomplete="off" placeholder="请输入要修改的密码">
  21.             </div>
  22.         </div>
  23.         <div class="layui-form-item">
  24.             <label class="layui-form-label">角色</label>
  25.             <div class="layui-input-block">
  26.                 <select name="gid">
  27.                     <option></option>
  28.                     <?php foreach($groupList as $group){?>
  29.                         <option value="{$group['id']}" {$item['gid']==$group['id']?'selected':''}>{$group['title']}</option>
  30.                     <?php }?>
  31.                 </select>
  32.             </div>
  33.         </div>
  34.         <div class="layui-form-item">
  35.             <label class="layui-form-label">真实姓名</label>
  36.             <div class="layui-input-block">
  37.                 <input type="text" class="layui-input" name="truename" value="{$item['truename']}">
  38.             </div>
  39.         </div>
  40.         <div class="layui-form-item">
  41.             <label class="layui-form-label">电话</label>
  42.             <div class="layui-input-block">
  43.                 <input type="text" class="layui-input" name="phone" value="{$item['phone']}" lay-verify="required">
  44.             </div>
  45.         </div>
  46.         <div class="layui-form-item">
  47.             <label class="layui-form-label">状态</label>
  48.             <div class="layui-input-block">
  49.                 <input type="checkbox" {$item['status']==1?'checked':''} lay-skin="primary" name="status" title="禁用">
  50.             </div>
  51.         </div>
  52.         <div class="layui-input-block">
  53.             <button class="layui-btn" onclick="save()">保存</button>
  54.         </div>
  55.     </div>
  56. </body>
  57. </html>
  59. <script type="text/javascript">
  60.     $ = layui.jquery;
  61.     // 回车保存
  62.     $('input').keydown(function(e){
  63.         if(e.keyCode == 13){
  64.             save();
  65.         }
  66.     });
  67.     // 保存修改
  68.     function save(){
  69.         var id = $('input[name="id"]').val();
  70.         var username  = $.trim($('input[name="username"]').val());
  71.         var password  = $.trim($('input[name="password"]').val());
  72.         var gid  = $('select[name="gid"]').val();
  73.         var truename = $.trim($('input[name="truename"]').val());
  74.         var phone = $.trim($('input[name="phone"]').val());
  75.         var status = $('input[name="status"]').is(':checked')?1:0;
  76.         // 提交信息
  77.         var data = {
  78.             id:id,
  79.             username:username,
  80.             password:password,
  81.             gid:gid,
  82.             truename:truename,
  83.             phone:phone,
  84.             status:status
  85.         };
  86.         // 提交修改
  87.         $.post('/admin/admin/edit',data,function(res){
  88.             // 验证返回
  89.             if(res.code>0){
  90.                 return layer.alert(res.msg,{icon:2});
  91.             }
  92.             layer.alert(res.msg,{icon:1});
  93.             setTimeout(function(){parent.window.location.reload();},1000);
  94.         },'json');
  95.     }
  96. </script>

四、管理员添加

此处需要注意：返回后台的数据，用户名要进行查重处理，已存在的用户名禁止再次添加相同名称。

  1. <?php
  3. namespace app\admin\controller;
  4. use think\facade\Db;
  5. use think\facade\View;
  6. use think\facade\Request;
  8. /**
  9.  * 管理员管理
  10.  */
  11. class Admin extends Base
  12. {
  13.     // 账号列表...
  16.     // 添加管理员
  17.     public function add(){
  18.         if(Request::isPost()){
  19.             // 保存修改的用户信息
  20.             $user = Request::post();
  21.             // 对密码进行加密处理
  22.             $user['password'] = password_hash($user['password'],PASSWORD_DEFAULT);
  23.             $user['add_time'] = time();
  24.             $user['lastlogin'] = time();
  25.             // 查看用户名是否已存在
  26.             $username = Db::table('admin')->where('username',$user['username'])->find();
  27.             if(!empty($username)){
  28.                 exit(json_encode(array('code'=>1,'msg'=>'用户名已存在')));
  29.             }
  30.             // 添加数据
  31.             $res = Db::table('admin')->save($user);
  32.             // 添加成功
  33.             if(empty($res)){
  34.                 exit(json_encode(array('code'=>1,'msg'=>'添加失败')));
  35.             }
  36.             exit(json_encode(array('code'=>0,'msg'=>'添加成功')));
  38.         }else{
  39.             // 查询角色列表
  40.             $data['groupList'] = Db::table('admin_group')->field('id,title')->select();
  41.             return view('/admin/add',$data);
  42.         }
  43.     }
  45.     // 修改管理员...
  47. }

添加页面视图和修改大致相同只是一开始不需要传入数据

  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>
  9.     <div class="layui-form" style="padding: 10px;">
  10.         <div class="layui-form-item">
  11.             <label class="layui-form-label">用户名</label>
  12.             <div class="layui-input-block">
  13.                 <input type="text" class="layui-input" name="username" autocomplete="off" placeholder="请输入用户名" >
  14.             </div>
  15.         </div>
  16.         <div class="layui-form-item">
  17.             <label class="layui-form-label">密码</label>
  18.             <div class="layui-input-block">
  19.                 <input type="text" class="layui-input" name="password" autocomplete="off" placeholder="请输入密码">
  20.             </div>
  21.         </div>
  22.         <div class="layui-form-item">
  23.             <label class="layui-form-label">角色</label>
  24.             <div class="layui-input-block">
  25.                 <select name="gid">
  26.                     <option></option>
  27.                     <?php foreach($groupList as $group){?>
  28.                         <option value="{$group['id']}">{$group['title']}</option>
  29.                     <?php }?>
  30.                 </select>
  31.             </div>
  32.         </div>
  33.         <div class="layui-form-item">
  34.             <label class="layui-form-label">真实姓名</label>
  35.             <div class="layui-input-block">
  36.                 <input type="text" class="layui-input" name="truename" placeholder="请输入姓名">
  37.             </div>
  38.         </div>
  39.         <div class="layui-form-item">
  40.             <label class="layui-form-label">手机号</label>
  41.             <div class="layui-input-block">
  42.                 <input type="text" class="layui-input" name="phone" lay-verify="required" placeholder="请输入电话号码">
  43.             </div>
  44.         </div>
  45.         <div class="layui-form-item">
  46.             <label class="layui-form-label">状态</label>
  47.             <div class="layui-input-block">
  48.                 <input type="checkbox"  lay-skin="primary" name="status" title="禁用">
  49.             </div>
  50.         </div>
  51.         <div class="layui-input-block">
  52.             <button class="layui-btn" onclick="save()">保存</button>
  53.         </div>
  54.     </div>
  55. </body>
  56. </html>
  58. <script type="text/javascript">
  59.     $ = layui.jquery;
  60.     // 回车保存
  61.     $('input').keydown(function(e){
  62.         if(e.keyCode == 13){
  64.         }
  65.     });
  67.     // 添加用户
  68.     function save(){
  69.         var username  = $.trim($('input[name="username"]').val());
  70.         var password  = $.trim($('input[name="password"]').val());
  71.         var gid  = $('select[name="gid"]').val();
  72.         var truename = $.trim($('input[name="truename"]').val());
  73.         var phone = $.trim($('input[name="phone"]').val());
  74.         var status = $('input[name="status"]').is(':checked')?1:0;
  76.         if(username==''){
  77.             return layer.alert('用户名不能为空',{icon:2});
  78.         }
  79.         if(password==''){
  80.             return layer.alert('密码不能为空',{icon:2});
  81.         }
  82.         if(gid==''){
  83.             return layer.alert('请选择角色信息',{icon:2});
  84.         }
  85.         if(truename==''){
  86.             return layer.alert('请输入姓名',{icon:2});
  87.         }
  88.         // 提交信息
  89.         var data = {
  90.             username:username,
  91.             password:password,
  92.             gid:gid,
  93.             truename:truename,
  94.             phone:phone,
  95.             status:status
  96.         };
  98.         // 提交修改
  99.         $.post('/admin/admin/add',data,function(res){
  100.             // 验证返回
  101.             if(res.code>0){
  102.                 return layer.alert(res.msg,{icon:2});
  103.             }
  104.             layer.alert(res.msg,{icon:1});
  105.             setTimeout(function(){parent.window.location.reload();},1000);
  106.         },'json');
  107.     }
  109. </script>

管理员列表页添加按钮操作

  1. <button style="float: right;" type="button" class="layui-btn layui-btn-normal layui-btn-radius layui-btn-sm" onclick="add()">
  2.     <i class="layui-icon layui-icon-add-1"></i>添加
  3. </button>
  5. <script>
  6.     $ = layui.jquery;
  8.     function add(){
  9.         layer.full(layer.open({
  10.             type: 2,
  11.             title:'添加管理员',
  12.             shadeClose: false,
  13.             maxmin: true,
  14.             shade:0.8,
  15.             area:['480px','450px'],
  16.             content:'/admin/admin/add'
  17.         }));
  18.     }
  19. </script>

五、管理员删除

略……

此处不建议删除，如果不在需要该用户登陆，从后台管理员列表中修改为禁用即可，登陆时已做处理和提示信息。

附：列表页删除按钮操作代码，如需相应操作，Admin控制器中增加del方法即可，请求地址/admin/del

  1. <button type="button" class="layui-btn layui-btn-xs layui-bg-red" onclick="del({$user['id']})">
  2.     <i class="layui-icon layui-icon-delete"></i>删除
  3. </button>
  4. <script>
  5.     $ = layui.jquery;
  7.     function del(id){
  8.         layer.confirm('确定要删除吗？',{
  9.             icon:3,
  10.             btn: ['确定','取消']
  11.         },function(){
  12.             $.post('',{'id':id},function(res){
  13.                 if(res.code>0){
  14.                     layer.alert(res.msg,{icon:2});
  15.                 }else{
  16.                     layer.msg(res.msg);
  17.                     setTimeout(function(){window.location.reload();},1000);
  18.                 }
  19.             },'json');
  20.         });
  21.     }
  22. </script>
上一条：JS 函数的执行时机下一条：2.【商城后台管理系统】基于TP6开发后台管理界面渲染与无限级菜单查询
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多