yii2驗證碼樣式如何設定-YII-PHP中文網

yii2驗證碼樣式如何設定

angryTom

發布： 2020-02-17 17:57:27

原創

2833 人瀏覽過

yii2驗證碼樣式如何設定

yii2驗證碼樣式如何設定

#第一步，控制器：

##在任何controller裡面重寫方法

public function actions()
{        return [
　　　　　　　　&#39;captcha&#39; => [
    　　　　　　　　&#39;class&#39; => &#39;yii\captcha\CaptchaAction&#39;,
    　　　　　　　　&#39;fixedVerifyCode&#39; => YII_ENV_TEST ? &#39;testme&#39; : null,
    　　　　　　　　&#39;backColor&#39; => 0x000000,//背景颜色
    　　　　　　　　&#39;maxLength&#39; => 6, //最大显示个数
    　　　　　　　　&#39;minLength&#39; => 5,//最少显示个数
    　　　　　　　　&#39;padding&#39; => 5,//间距
    　　　　　　　　&#39;height&#39; => 40,//高度
    　　　　　　　　&#39;width&#39; => 130,  //宽度
    　　　　　　　　&#39;foreColor&#39; => 0xffffff,     //字体颜色
    　　　　　　　　&#39;offset&#39; => 4,        //设置字符偏移量 有效果
　　　　　　　　], 　　　　　　]; 
}

登入後複製

第二步，表單模型：##這裡只給驗證碼相關的部分。

相關文章教學推薦：

yii教學

class ContactForm extends Model{    
    public $verifyCode;    
    public function rules(){        
            return [
                [&#39;verifyCode&#39;, &#39;required&#39;],
                [&#39;verifyCode&#39;, &#39;captcha&#39;],
          ];
    }
}

登入後複製

驗證規則裡面驗證碼的驗證器是

captcha

。

第三步，視圖：

用ActiveForm產生對應欄位。

captchaAction

參數指定第一步是寫在哪裡的，預設是site裡面。 <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false;"> <?= $form->field($model, &#39;verifyCode&#39;)->widget(Captcha::className(), [ &#39;template&#39; => &#39;<div class="row"><div class="col-lg-3">{image}</div><div class="col-lg-6">{input}</div></div>&#39;, ]) ?></pre><div class="contentsignin">登入後複製</div></div> 驗證碼，產生和驗證的整個流程就完成了。

以上是產生驗證碼的流程，因為驗證碼數字是在程式碼中寫死的，如果我們需要數字的話，那該怎麼辦呢？

很好辦，我們可以自己寫個類別來繼承CaptchaAction，重寫generateVerifyCode方法，範例：

namespace yii\captcha;
class   Newcaptcha extends CaptchaAction
{
    protected function generateVerifyCode()
    {
        if ($this->minLength > $this->maxLength) {
            $this->maxLength = $this->minLength;
        }
        if ($this->minLength < 3) {
            $this->minLength = 3;
        }
        if ($this->maxLength > 20) {
            $this->maxLength = 20;
        }
        $length = mt_rand($this->minLength, $this->maxLength);

        $letters = &#39;1234567890123456789012&#39;;
        $vowels = &#39;aeiou&#39;;
        $code = &#39;&#39;;
        for ($i = 0; $i < $length; ++$i) {
            if ($i % 2 && mt_rand(0, 10) > 2 || !($i % 2) && mt_rand(0, 10) > 9) {
                $code .= $vowels[mt_rand(0, 4)];
            } else {
                $code .= $letters[mt_rand(0, 20)];
            }
        }
        return $code;
    }
}

登入後複製

產生類別檔案成功。

然後再更改控制器的配置

&#39;captcha&#39; => [
    &#39;class&#39; => &#39;yii\captcha\Newcaptcha&#39;,
    &#39;maxLength&#39; => 5,
    &#39;minLength&#39; =>5
],

登入後複製

好了，更改完成，讓我們來看效果吧!

更多yii框架知識，可以觀看相關

程式學習課程

，！！

以上是yii2驗證碼樣式如何設定的詳細內容。更多資訊請關注PHP中文網其他相關文章！