Yii 2.0自带的验证码使用经验分享

 更新时间:2017年6月20日 22:11  点击:1912

前言

官网自带的前台验证码中在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(); 
?>

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。

[!--infotagslink--]

相关文章

  • 基于JavaScript实现验证码功能

    这篇文章主要介绍了基于JavaScript实现验证码功能的相关资料...2017-04-03
  • Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法

    这篇文章主要介绍了Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下...2016-06-24
  • 浅谈bootstrap使用中的一些问题以及解决过程

    下面小编就为大家带来一篇浅谈bootstrap使用中的一些问题以及解决过程。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2016-10-20
  • Web制作验证码功能实例代码

    web开发中,经常会使用验证码功能,例如登录、注册,或其他关键功能之前经常会使用。下面通过实例代码给大家介绍Web制作验证码功能实例代码,感兴趣的朋友一起看看吧...2017-06-24
  • 详解JavaScript中localStorage使用要点

    localStorage主要用来替代cookie,解决cookie(可参考cookie使用要点)读写困难、容量有限的问题,对js localstorage的使用相关知识感兴趣的朋友一起学习吧...2016-01-15
  • Nodejs中session的简单使用及通过session实现身份验证的方法

    session的本质使用cookie来实现。本文给大家介绍Nodejs中session的简单使用及通过session实现身份验证的方法,对node.js session相关知识感兴趣的朋友一起学习吧...2016-02-09
  • Nginx安装与使用教程详解

    这篇文章主要介绍了Nginx安装与使用教程详解的相关资料...2016-09-28
  • PHP实现登陆表单提交CSRF及验证码

    本文主要介绍了PHP实现登陆表单提交CSRF及验证码的方法。具有很好的参考价值,下面跟着小编一起来看下吧...2017-02-09
  • PHP+Ajax实现验证码的实时验证

    这篇文章主要为大家详细介绍了PHP+Ajax实现验证码的实时验证,感兴趣的小伙伴们可以参考一下...2016-07-29
  • Yii 2.0在Grid中格式化时间方法示例

    这篇文章主要跟大家分享了Yii 2.0在Grid中格式化时间的相关资料,文中给出了详细的示例代码供大家参考学习,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。...2017-06-11
  • 基于JavaScript短信验证码如何实现

    我们在使用移动、电信等运营商网上营业厅的时候,为确保业务的完整和正确性,经常会需要用到短信的验证码。最近因为某省业务需要,也做了个类似的功能...2016-01-25
  • vue从使用到源码实现教程详解

    这篇文章主要介绍了vue从使用到源码实现的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下...2016-10-03
  • Mysql中Join的使用实例详解

    本章节我们将向大家介绍如何使用MySQL 的 JOIN 在两个或多个表中查询数据。对mysql中的join感兴趣的朋友一起学习吧...2017-04-26
  • jquery实现无刷新验证码的简单实例

    下面小编就为大家带来一篇jquery实现无刷新验证码的简单实例。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2016-05-20
  • yii2.0实现验证用户名与邮箱功能

    这篇文章主要介绍了yii2.0实现验证用户名与邮箱功能的相关资料,需要的朋友可以参考下...2015-12-24
  • 一个简单安全的PHP验证码类 附调用方法

    这篇文章主要为大家分享了一个简单安全的PHP验证码类,附调用方法,感兴趣的小伙伴们可以参考一下...2016-07-02
  • Mysql 行级锁的使用及死锁的预防方案

    mysql的InnoDB,支持事务和行级锁,可以使用行锁来处理用户提现等业务。使用mysql锁的时候有时候会出现死锁,要做好死锁的预防。这篇文章通过实例应用给大家讲解...2017-01-09
  • php图像验证码生成代码

    这篇文章主要为大家详细 介绍了php图像验证码的生成代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2017-06-11
  • yii 2.0中表单小部件的使用方法示例

    这篇文章主要给大家介绍了关于yii 2.0中表单小部件的使用方法,文中介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起看看吧。...2017-05-26
  • 浅析BootStrap模态框的使用(经典)

    Bootstrap Modals(模态框)是使用定制的 Jquery 插件创建的。本文给大家介绍BootStrap模态框的使用,感兴趣的朋友一起学习吧...2016-05-04