程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> 關於PHP編程 >> Yii2增加驗證碼步驟詳解,yii2驗證碼詳解

Yii2增加驗證碼步驟詳解,yii2驗證碼詳解

編輯:關於PHP編程

Yii2增加驗證碼步驟詳解,yii2驗證碼詳解


本來以為yii2框架驗證碼這塊很全面,嘗試百度google了一下,大多數教程寫的零零散散不全面,想著自己寫一份帶有完整步驟的驗證碼教程。

我們假設site/login 表單登錄需要增加驗證碼。

1、siteController控制器的actions方法增加captcha設置

public function actions() { 
return [ 
'captcha' => [ 
'class' => 'yii\captcha\CaptchaAction', 
'maxLength' => 4, 
'minLength' => 4 
], 
]; 
}

上面我們簡單設置了驗證碼的位數,有小伙伴好奇都有哪些配置項,這個你可以查看文件 vendor\yiisoft\yii2\captcha,包括驗證碼背景色,字體文件等設置都可以在這裡找到。

2、siteController繼續配置。

public function behaviors() { 
return [ 
'access' => [ 
'class' => AccessControl::className(), 
'rules' => [ 
[ 
'actions' => ['login', 'error', 'captcha'], 
'allow' => true, 
], 
], 
]; 
}

為access rules的actions增加captcha方法可訪問。

3、我們看看view層,增加驗證碼input。

use yii\captcha\Captcha; 
<?= $form->field($model, 'verifyCode')->widget(Captcha::className(), [ 
'template' => '<div class="row"><div class="col-lg-3">{image}</div><div class="col-lg-6">{input}</div></div>', 
]) ?> 

4、這樣還不行,我們還需要增加驗證碼的驗證規則

我們這裡用到的是LoginForm,因此修改LoginForm文件

class LoginForm extends Model { 
//...... public $verifyCode; 
public function rules() { 
return [ 
//...... 
['verifyCode', 'captcha'], 
]; 
} 
public function attributeLabels() { 
return [
'verifyCode' => '', //驗證碼的名稱,根據個人喜好設定 
]; 
} 
} 
//定義了verifyCode屬性 
//rules規則添加了驗證 
//label中定義了其顯示名稱 

5、到第四步基本上配置好驗證碼就會正常顯示了。如果你的後台設定了rbac權限控制,恐怕你仍然需要在config內為as accss增加/site/captcha可訪問。

6、看效果就好了。


7、有同學問為啥頁面刷新驗證碼不跟著刷新,我個人覺得刷不刷新不重要,當你輸錯驗證碼頁面刷新的時候驗證碼才會刷新。如果你非要刷新頁面驗證碼跟著刷新,嘗試一種簡單的方法實現。

$('驗證碼對象').click();

即在頁面刷新的時候重新點擊一次驗證碼進行強制刷新。

以上所述是小編給大家介紹的Yii2增加驗證碼步驟,希望對大家有所幫助!

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved