TP6验证码的多种使用方式

 

本篇内容会全方面通过实例的方式讲一下TP6里面验证码的各种使用方法

 

一、安装验证码扩展包

composer require topthink/think-captcha

二、开启Session

找到app/middleware.php 文件，找到下面一行，并取消前面的注释

\think\middleware\SessionInit::class

三、因为要用到模板，需要安装下模板扩展

composer require topthink/think-view

四、TP6内置验证码生成以及验证

html代码：

<h3>内置验证码生成以及验证：</h3>
<div>{:captcha_img()}</div>

<form action="/index.php/test_session/verify01" method="post">
  <p>请输入验证码： <input type="text" name="yzm" /> </p>
  <p><input type="submit" value="提交"></p>
</form>

html效果：

控制器代码：

/**
     * TP6内置验证码生成以及验证
     */
    public function show01()
    {
        return view("test/show01");
    }
    /**
     * TP6内置验证码生成以及验证
     */
    public function verify01()
    {
        $data = request()->param();

        if (empty($data['yzm'])) 
        {
            return json(array('status'=>'FAIL','msg'=>'请输入验证码!'));
        }
        //调用内置的函数手动验证
        if(!captcha_check($data['yzm'])){
            return json(array('status'=>'FAIL','msg'=>'验证失败!'));
        }else{
            return json(array('status'=>'FAIL','msg'=>'验证成功!'));
        }
    }

五、自定义验证码 生成以及验证

HTML代码：

<h3>自定义验证码生成以及验证：</h3>
<div><img src="/index.php/test_session/createYzm"  onclick="this.src='/index.php/test_session/createYzm?r='+Math.random()"></div>

<form action="/index.php/test_session/verify02" method="post">
  <p>请输入验证码： <input type="text" name="yzm" /> </p>
  <p><input type="submit" value="提交"></p>
</form>

控制器代码：

控制器文件顶部引入 Captcha 类

use think\captcha\facade\Captcha;

/**
     * 创建验证码
     */
    public function createYzm()
    {
         return Captcha::create();
    }
    /**
     * 自定义验证码 生成以及验证 模板
     */
    public function show02()
    {
        return view("test/show02");
    }

    /**
     * 自定义验证码 生成以及验证
     */
    public function verify02()
    {
        $data = request()->param();

        if (empty($data['yzm'])) 
        {
            return json(array('status'=>'FAIL','msg'=>'请输入验证码!'));
        }
        //调用内置的函数手动验证
        if(!captcha_check($data['yzm'])){
            return json(array('status'=>'FAIL','msg'=>'验证失败!'));
        }else{
            return json(array('status'=>'FAIL','msg'=>'验证成功!'));
        }
    }

对比说明：

使用自定义的更加灵活一些，可以搭配各种样式，

使用内置的是方便一点点。

我是推荐使用自定义的验证码，这样代码的来龙去脉比较清晰，有问题也方便排错。

六、验证码常用的配置

配置文件：config/captcha.php

常用到的配置有以下几个：

//验证码位数
'length'   => 5,
// 验证码字符集合
'codeSet'  => '2345678abcdefhijkmnpqrstuvwxyzABCDEFGHJKLMNPQRTUVWXY',
// 是否使用混淆曲线
'useCurve' => true,
//是否添加杂点
'useNoise' => true,
//背景颜色
'bg'       => [243, 251, 254],

注意：

验证码的高度 和宽度不要修改，设置为0即可，不然设置的小了，会出现验证码显示不全的问题。

如果需要调整大小，通过页面的css样式进行调整验证码的 width 和 height 属性

 

七、生成多个不同配置的验证码

设置配置文件config/captcha.php：

生成不同配置的验证码

/**
     * 创建新验证码
     */
    public function createNewYzm()
    {
        //生成 verify配置的验证码
         return Captcha::create('verify');
        //生成 my_verify的验证码
        // return Captcha::create('my_verify');
    }

注意：

生成不同配置的验证码多个，最终验证只有最新的生成的验证码是有效的。

并不是生成多种不同配置的验证码，就有多重验证方式。