Yii 2.0內建的驗證碼使用經驗分享

這篇文章主要給大家介紹了關於使用Yii 2.0內建驗證碼的一些經驗，方便新手們快速上手，對大傢具有一定的參考學習價值，需要的朋友們下面來一起看看吧。

前言

官網內建的前台驗證碼中在view下有個contact.php的 檔案，大家沒事可以先看看它是怎麼調驗證碼 閑話不說，感興趣的朋友們下面來一起看看詳細的介紹：

使用方法如下：

第一步： 因為我本身建立了modules，所以我在我的modules下建立了models的目錄(預設gii產生modules是沒有這個目錄的)，我取名為LoginForm.php

代碼 如下：

namespace app\modules\XXX\models;//這個你們寫自己的命名空間，我以我的modules項目路徑為例use Yii;use yii\base\Model;use yii\captcha\Captcha;class LoginForm extends Model{  public $name;  public $email;  public $subject;  public $body;  public $verifyCode;//驗證碼這個變數是必須建的，因為要儲存驗證碼的值` /** * @return array the validation rules. */ public function rules()  {    return [      // name, email, subject and body are required      [['name', 'email', 'subject', 'body'], 'required'],      // email has to be a valid email      ['email', 'email'],      // verifyCode needs to be entered correctly      ['verifyCode', 'captcha'],//注意這裡，在百度中查到很多教程，這裡寫的都不一樣，最 簡單的寫法就像我這種寫法，當然還有其它各種寫法      //['verifyCode', 'captcha','captchaAction'=>'admin/index/captcha','message'=>'驗 證碼不正確！'], 這種寫法在官網內建的LoginForm.php中有寫到，大家可以沒事看看 ];  } /* * * @return array customized attribute labels  */  public function attributeLabels()  {    return [      // 'verifyCode' => 'Verification Code',      'verifyCode' => '',//在官網的教程裡是加上了英文字母，我這裡先給去掉了,這裡去 掉會不會產生影響因為我還沒做接收驗證，只做了驗證碼顯示的功能，你們可以自己測試下    ];  } /***/

然後第二步我們去控制器裡加入代碼

namespace app\modules\XXX\controllers;//你們自己的控制器空間use yii\web\Controller;use yii\web\Session;use Yii;use app\modules\XXX\models\LoginForm;//XXX你們自己定義的名字use yii\filters\AccessControl;use yii\filters\VerbFilter;/* *這個是對應前台模版的action */public function actionLogin(){  $loginForm = new LoginForm();//這裡要把剛才寫的類new下，注意你們要引入檔案路徑額  $this->render('login',array('loginForm'=>$loginForm));//變數傳到前台模版}/** * @使用者授權規則 */public function behaviors(){ return [   'access' => [    'class' => AccessControl::className(),    'only' => ['logout', 'signup','login'],//這裡一定要加    'rules' => [     [      'actions' => ['login','captcha'],      'allow' => true,      'roles' => ['?'],     ],     [      'actions'=>['logout','edit','add','del','index','users','thumb','upload','cutpic','follow','nofollow'],      'allow' => true,      'roles' => ['@'],     ],    ],   ],   'verbs' => [    'class' => VerbFilter::className(),    'actions' => [     'logout' => ['post'],    ],   ],  ]; } /**  * @驗證碼獨立操作 下面這個actions注意一點，驗證碼調試出來的樣式也許你並不滿意，這裡就可以需修改，這些個參數對應的類是@app\vendor\yiisoft\yii2\captcha\CaptchaAction.php,可以參照這個類裡的參數去修改，也可以直接修改這個類的預設參數，這樣這裡就不需要改了  */ public function actions() {   return [ //     'captcha' => //     [//      'class' => 'yii\captcha\CaptchaAction',//      'fixedVerifyCode' => YII_ENV_TEST ? 'testme' : null,//     ], //預設的寫法      'captcha' => [         'class' => 'yii\captcha\CaptchaAction',         'fixedVerifyCode' => YII_ENV_TEST ? 'testme' : null,         'backColor'=>0x000000,//背景顏色         'maxLength' => 6, //最大顯示個數         'minLength' => 5,//最少顯示個數         'padding' => 5,//間距         'height'=>40,//高度         'width' => 130, //寬度          'foreColor'=>0xffffff,  //字型顏色         'offset'=>4,  //設定字元位移量 有效果         //'controller'=>'login',  //擁有這個動作的controller       ], ]; }

到這裡第二步 控制器的代碼就完成了，其中要加入的類，你們自己要留意，別落下！

第三步：

在view的模版裡，我這裡是login.php加入以下代碼

 <?php    $form = ActiveForm::begin([        'id' => 'login-form',                   ]);  ?><?php  echo Captcha::widget(['name'=>'captchaimg','captchaAction'=>'login/captcha','imageOptions'=>['id'=>'captchaimg', 'title'=>'換一個', 'alt'=>'換一個', 'style'=>'cursor:pointer;margin-left:25px;'],'template'=>'{image}']);//我這裡寫的跟官方的不一樣，因為我這裡加了一個參數(login/captcha),這個參數指向你當前控制器名，如果不加這句，就會找到預設的site控制器上去，驗證碼會一直出不來，在style裡是可以寫css代碼的，可以調試樣式 ?><?php ActiveForm::end(); ?>