Yii2自带验证码实现

Posted 温故而知新`

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Yii2自带验证码实现相关的知识,希望对你有一定的参考价值。

  总共分为三个方面:控制器配置、模型rules配置和视图配置。

       第一步:控制器配置

    将下列代码配置在actions中,请求验证码链接对应为 “控制器/captcha”

           ‘captcha‘ => [
                    ‘class‘ => ‘yii\captcha\CaptchaAction‘,
               //     ‘backColor‘=>0x000000,//背景颜色
                    ‘maxLength‘ => 4, //最大显示个数
                    ‘minLength‘ => 4,//最少显示个数
                    ‘padding‘ => 5,//间距
                    ‘height‘=>45,//高度
                    ‘width‘ => 75,  //宽度
                 //   ‘foreColor‘=>0xffffff,     //字体颜色
                    ‘offset‘=>4,
            ],

  

       第二步:模型rules配置,即验证配置。

    首先声明公共变量 

        public $verifyCode

         其次在rules方法中配置验证

[‘verifyCode‘, ‘captcha‘,‘captchaAction‘=>‘user/captcha‘,‘on‘ => [‘login‘]]

    在这条配置中的"captchaAction"加入了配置,即控制器的路由,如果不进行配置的话会走site/captcha的路由,这是框架样例的路由。

       第三步:视图中的配置

    在ActiveForm中加入如下代码即可了

      

<?= $form->field($model,‘verifyCode‘)->widget(
                    Captcha::className(),
                    [
                        ‘template‘ => ‘{image}{input}‘,
                        ‘captchaAction‘=>‘user/captcha‘, // 此注意要使用自己配置的那个控制器验证码路由
                        ‘imageOptions‘=>[ ‘style‘=>‘cursor:pointer;width:77px‘]
                    ]
                )

  最后有一个巨坑的问题:由于编码过程中使用了一些windows下的换行符或者空格,导致了未知的输出,会导致验证码图片不能够正常的生成。

    这是需要在CaptchaAction类中的renderImageByGD方法中加入如下代码:

        imagecolordeallocate($image, $foreColor);

        ob_clean(); // 此行为插入代码,目的是清空缓存区为输出图片提供干净空间。
        ob_start();
        imagepng($image);
        imagedestroy($image);

  

以上是关于Yii2自带验证码实现的主要内容,如果未能解决你的问题,请参考以下文章

yii2中添加验证码的实现方法

Yii2.0自定义验证码

Yii2中后台用前台的代码设置验证码显示不出来?

Yii2验证码使用教程

yii2 修改验证码小部件样式

YII2-跳过自带的URL验证