【商城后台管理系统】基于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>

更多相关文章

  1. PHP:【商城后台管理系统】部署管理员列表，添加/编辑/删除功能
  2. 1.【商城后台管理系统】基于TP6开发后台管理员登陆页面渲染部署
  3. PHP:【商城后台管理系统】部署管理员未登录拦截，进行重定向
  4. PHP:【商城后台管理系统】admin超级管理员后台操作界面部署{无限
  5. PHP:【商城后台管理系统】admin超级管理员后台登录界面部署
  6. Google工程师：手机厂商们请不要再自行修改Linux内核代码了
  7. 修改MySQL表varchar类型 字段长度锁表情况分析
  8. Mysql 读写分离、主从复制
  9. Kubernetes 1.20.5 upgrade1.21.0后遗症

随机推荐

  1. Android的status bar分析
  2. Android四大组件之 BroadcastReceiver
  3. android开发必看资源URL
  4. Titanium Studio
  5. Feel Android Studio(1)Install and Upda
  6. Android TextView 换行
  7. android界面无标题栏和全屏效果的实现方
  8. 【Android 应用开发】Ubuntu 下 Android
  9. Android Studio 初体验
  10. Android WIFI 框架分析