thinkphp5.1验证码及验证码验证功能的实现详解

2020-10-20 10:37:37 浏览数 (1)

注:由于thinkphp5.1没有自带验证码,所以需要通过composer安装think-captcha 扩展包才能实现验证码

一、安装composer

https://www.zalou.cn/article/178346.htm

二、通过composer安装think-captcha 扩展包

打开命令窗口,进入vendor/topthink输入指令即可,也可以安装shift键再右击鼠标打开命令窗口可以直接进入当前文件夹位置

代码语言:javascript复制
composer require topthink/think-captcha

三、在控制器里写验证码的方法,要在命名空间引入use thinkcaptchaCaptcha;然后在网址中输入该方法的路由地址就可以出来验证码

代码语言:javascript复制
//验证码
  public function verify()
  {
    $captcha = new Captcha();
    return $captcha- entry();
  }

四、验证码在模板中输出

在视图中加入以下代码:

代码语言:javascript复制
<img src="{:url('user/verify')}" alt="captcha" / 

src里填写verify方法的路由地址

五、验证输入的验证码是否正确

1、可以用 Captcha 类的 check 方法检测验证码的输入是否正确

代码语言:javascript复制
// 检测输入的验证码是否正确,$value为用户输入的验证码字符串
$captcha = new Captcha();
if( !$captcha- check($value))
{
// 验证失败
}

2、或者直接调用封装的一个验证码检测的函数 captcha_check

代码语言:javascript复制
/ 检测输入的验证码是否正确,$value为用户输入的验证码字符串
if( !captcha_check($value ))
{
// 验证失败
}

六、自定义验证码的参数

代码语言:javascript复制
//验证码
  public function verify()
  {
    $config = [
       // 验证码字体大小
      'fontSize' =  30,
      // 验证码位数
      'length' =  4,
      // 关闭验证码杂点
      'useNoise' =  true,
      // 验证码图片高度
      'imageH'  =  60,
      // 验证码图片宽度
      'imageW'  =  200,
      // 验证码过期时间(s)
      'expire'  =  1800,
    ];
    $captcha = new Captcha($config);
    return $captcha- entry();
  }

在vendortopthinkthink-captchasrc目录下的Captcha.php中也可以配置

七、以下是我测试登录的代码部分截图

控制器里的verify()方法

控制器里的验证登录的loginCheck()方法

视图层里的验证码显示

以上就是本文的全部内容,希望对大家的学习有所帮助。

0 人点赞