Yii 2.0內建驗證碼的使用方法

來源:互聯網
上載者:User
本文主要和大家介紹了關於使用Yii 2.0內建驗證碼的一些經驗,方便新手們快速上手,對大傢具有一定的參考學習價值,需要的朋友們下面來一起看看吧,希望能協助到大家。

使用方法如下:

第一步: 因為我本身建立了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(); ?>

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.