创建验证类

  1. # 创建验证器
  2. php think make:validate 模块名/验证器名(首字母大写)

ThinkPHP5.1推荐使用验证器进行数据验证（也支持使用\think\Validate类进行独立验证）
内置规则：
https://www.kancloud.cn/manual/thinkphp5_1/354107

独立验证(就是写到Controller层，不推荐)

https://www.kancloud.cn/manual/thinkphp5_1/354107

  1. use think\Validate;
  3. $validate = Validate::make([
  4. 'name'  => 'require|max:25',
  5. 'email' => 'email'
  6. ],[
  7. 'name.require' => '名称必须填写',
  8. 'name.max' => '名称最多只能是25字',
  9. 'email.email' => '邮箱不合法'
  10. ]);
  12. $data = [
  13.     'name'  => 'thinkphp',
  14.     'email' => 'thinkphp@qq.com'
  15. ];
  17. if (!$validate->check($data)) {
  18.     dump($validate->getError());
  19. }
  20. # 自定义验证规则
  21. Validate::extend('checkName', function ($value, $rule) {
  22.     return $rule == $value ? true : '名称错误';
  23. });

验证器（单独的文件，推荐）

thinkphp5.1之后推荐使用的方式,验证器，就是一个独立的文件，此文件就干一件事件，验证。

  1. # 创建验证器
  2. php think make:validate 模块名/验证器名(首字母大写)
  4. # 验证器
  5. namespace app\index\validate;
  7. use think\Validate;
  9. class User extends Validate
  10. {
  11.     protected $rule =   [
  12.         'name'  => 'require|max:25',
  13.         'age'   => 'number|between:1,120',
  14.         'email' => 'email',    
  15.     ];
  17.     protected $message  =   [
  18.         'name.require' => '名称必须',
  19.         'name.max'     => '名称最多不能超过25个字符',
  20.         'age.number'   => '年龄必须是数字',
  21.         'age.between'  => '年龄只能在1-120之间',
  22.         'email'        => '邮箱格式错误',    
  23.     ];
  25. }
  27. # 控制器
  28. $ret = $this->validate($request->post(),User::class);
  29. if (true !== $ret){
  30. dump($ret);
  31. }

csrf验证

图片1.png
图片2.png
图片3.png
图片4.png

验证码

https://www.kancloud.cn/manual/thinkphp5_1/354122
tp5框架中默认没有自带验证码功能，需要我们自己去引入安装

  1. # 官方提供的tp官方验证码类
  2. composer require topthink/think-captcha
  4. # 模板中引用
  5. <div>{:captcha_img()}</div>
  6. 或者(推荐)
  7. <div><img src="{:captcha_src()}" alt="captcha" /></div>
  9. # 验证
  10. $this->validate($data,[
  11.     'code'=>'require|captcha'
  12. ]);
  13. 或者
  14. if(!captcha_check($captcha)){
  15.  // 验证失败
  16. };

验证器去验证图片5.png

控制器

图片6.png

独立去验证验证码

图片7.png

html模板

图片8.png

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>用户登录</title>
  6.     <link rel="stylesheet" href="/static/index/css/bootstrap.css"/>
  7.     <link rel="stylesheet" href="/static/index/css/bootstrap-theme.css"/>
  8.     <style>
  9.         #vcode {
  10.             cursor: pointer;
  11.         }
  12.     </style>
  13. </head>
  14. <body>
  16. <br>
  17. <div class="container">
  18.     <div class="panel panel-default">
  19.         <div class="panel-heading">
  20.             <h3 class="panel-title">用户登录</h3>
  21.         </div>
  22.         <div class="panel-body">
  23.             <form class="form-horizontal" method="post" action="{:url('login')}">
  24.                 <!--csrf验证-->
  25.                 {:token()}
  26.                 <div class="form-group">
  27.                     <label class="col-sm-2 control-label">账号：</label>
  28.                     <div class="col-sm-10">
  29.                         <input type="text" class="form-control" name="username">
  30.                     </div>
  31.                 </div>
  32.                 <div class="form-group">
  33.                     <label class="col-sm-2 control-label">密码：</label>
  34.                     <div class="col-sm-10">
  35.                         <input type="text" class="form-control" name="password">
  36.                     </div>
  37.                 </div>
  38.                 <div class="form-group">
  39.                     <label class="col-sm-2 control-label">验证码：</label>
  40.                     <div class="col-sm-5">
  41.                         <input type="text" class="form-control" name="code">
  42.                     </div>
  43.                     <div class="col-sm-5">
  44.                         <img src="{:captcha_src()}" id="vcode">
  45.                     </div>
  46.                 </div>
  47.                 <div class="form-group">
  48.                     <div class="col-sm-offset-2 col-sm-10">
  49.                         <button type="submit" class="btn btn-success">用户登录</button>
  50.                     </div>
  51.                 </div>
  52.             </form>
  53.         </div>
  54.     </div>
  55. </div>
  58. <script src="/static/js/jquery.min.js"></script>
  59. <script src="/static/index/js/bootstrap.js"></script>
  60. <script>
  62.     // 点击更新验证码图片
  63.     $('#vcode').click(function () {
  64.         let src = $(this).attr('src') + '?vt=' + Math.random();
  65.         $(this).attr('src',src);
  66.     })
  67. </script>
  68. </body>
  69. </html>