1、登录、退出

后台

  1. <?php
  4. namespace app\admin\controller;
  7. use think\Controller;
  9. class Login extends Controller
  10. {
  11.     public function login(){
  12.         //一个方法 处理两个业务逻辑：页面展示  表单提交
  13.         if(request()->isPost()){
  14.             //post请求  表单提交
  15.             //接收参数  username  password  code
  16.             $params = input();
  17.             //参数检测 （表单验证）
  18.             $rule = [
  19.                 'username|用户名' => 'require',
  20.                 'password|密码' => 'require',
  21.                 'code|验证码' => 'require'
  22.                 //'code|验证码' => 'require|captcha'
  23.             ];
  24.             $res = $this->validate($params, $rule);
  25.             if($res !== true){
  26.                 $this->error($res);
  27.             }
  28.             //验证码手动校验
  29.             if(!captcha_check($params['code'])){
  30.                 $this->error('验证码错误');
  31.             }
  32.             //查询管理员用户表
  33.             $password = encrypt_password($params['password']);
  34.             $manager = \app\admin\model\Manager::where('username', $params['username'])->where('password', $password)->find();
  35.             if($manager){
  36.                 //登录成功
  37.                 //设置登录标识到session
  38.                 session('manager_info', $manager->toArray());
  39.                 //页面跳转
  40.                 $this->success('登录成功', 'admin/index/index');
  41.             }else{
  42.                 //用户名或密码错误
  43.                 $this->error('用户名或密码错误');
  44.             }
  45.         }else{
  46.             //get请求  页面展示
  47.             //临时关闭全局模板布局
  48.             $this->view->engine->layout(false);
  49.             return view();
  50.         }
  51.     }
  53.     //退出
  54.     public function logout()
  55.     {
  56.         //清空session
  57.         session(null);
  58.         $this->redirect('admin/login/login');
  59.     }
  60. }

前台

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title>登录</title>
  6.     <link href="/static/admin/css/login.css" rel="stylesheet" type="text/css"/>
  7.     <style type="text/css">
  8.         .login-bg{
  9.             background: url(/static/admin/img/login-bg-3.jpg) no-repeat center center fixed;
  10.             background-size: 100% 100%;
  11.         }
  12.     </style>
  13.     <script src='/static/admin/js/jquery-3.1.1.min.js'></script>
  14. </head>
  16. <body class="login-bg">
  17. <div class="login-box">
  18.     <header>
  19.         <h1>后台管理系统</h1>
  20.     </header>
  21.     <div class="login-main">
  22.         <form action="{$Request.url}" class="form" method="post">
  23.             <div class="form-item">
  24.                 <label class="login-icon">
  25.                     <i></i>
  26.                 </label>
  27.                 <input type="text" id='username' name="username" placeholder="这里输入登录名" required>
  28.             </div>
  29.             <div class="form-item">
  30.                 <label class="login-icon">
  31.                     <i></i>
  32.                 </label>
  33.                 <input type="password" id="password" name="password" placeholder="这里输入密码">
  34.             </div>
  35.             <div class="form-item verify">
  36.                 <label class="login-icon">
  37.                     <i></i>
  38.                 </label>
  39.                 <input type="text" id='verify' class="pull-left" name="code" placeholder="这里输入验证码">
  40.                 <img class="pull-right" src="{:captcha_src()}" onclick="this.src='{:captcha_src()}?'+ Math.random()">
  41.                 <div class="clear"></div>
  42.             </div>
  43.             <div class="form-item">
  44.                 <button type="button" class="login-btn">
  45.                     登&emsp;&emsp;录
  46.                 </button>
  47.             </div>
  48.         </form>
  49.         <div class="msg"></div>
  50.     </div>
  51. </div>
  52. <script type="text/javascript">
  53.     $(function(){
  54.         $('.login-btn').on('click',function(evt){
  55.             if($('#username').val() == ''){
  56.                 $('.msg').html('登录名不能为空');
  57.                 return;
  58.             }
  59.             if($('#password').val() == ''){
  60.                 $('.msg').html('密码不能为空');
  61.                 return;
  62.             }
  63.             if($('#verify').val() == ''){
  64.                 $('.msg').html('验证码不能为空');
  65.                 return;
  66.             }
  67.             $('form').submit();
  69.         });
  71.     });
  72. </script>
  73. </body>
  74. </html>

2、后台页面权限控制（校验是否登录）

主要是通过父类继承 ，父类的构造函数 construct 实现的。每次进controller都会进父类的construct里面。

  1. <?php
  3. namespace app\admin\controller;
  5. use think\Controller;
  6. use think\Request;
  8. class Base extends Controller
  9. {
  10.     public function __construct(Request $request)
  11.     {
  12.         //实现父类的构造函数
  13.         parent::__construct($request);
  14.         //登录检测
  15.         if(!session('?manager_info')){
  16.             //没登录
  17.             $this->redirect('admin/login/login');
  18.         }
  19.     }
  20. }

3、增加验证码

建议在配置文件里面增加配置文件，因为默认的非常的不友好。
image.png

  1. //验证码配置
  2.     'captcha' => [
  3.         // 验证码位数
  4.         'length' => 4,
  5.         // 是否画混淆曲线
  6.         'useCurve' => false,
  7.     ]

前台如何显示和后台如何校验，请看上面的登录