Yii 2.0自带的验证码使用经验分享
时间:2019-03-30
本文章向大家介绍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(); ?>
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。
- 我们来继续研究 mybatis 框架sql映射文件的属性
- 开源.NET邮件服务器
- 次次获得《头脑王者》满分的秘诀
- 如何在ASP.NET 2.0中定制Expression Builders
- codeproject 几篇asp.net文章
- .NET Web 自动化测试工具
- Javascript数组常用方法[包含MS AJAX.NET的prototype扩展方法]示例
- 10步骤优化SQL Server 数据库性能
- 漫谈语音合成之Char2Wav模型
- [基础]Javascript中的继承示例代码
- javascript天生就具备类似c#中的"委托"功能
- 使用MonoDevelop开发跨平台的应用程序
- Pycharm使用技巧总结
- [基础]电话/手机常见验证的Javascript示例
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- fckeditor的简单使用
- 数据结构概述
- OSCache页面缓存的使用
- 静态化技术Freemarker
- 递归的编译优化(1)
- JAVA高并发处理------多线程
- 安卓笔记一
- 这样使用df和du命令更完美
- 批处理中的IF详解
- 来,我们一起打造一款代码命名工具
- HTML转PDF工具Wkhtmltopdf安装使用
- 【Vue.js】Vue.js组件库Element中的时间选择器、日期选择器、日期时间选择器和颜色选择器
- 【Vue.js】Vue.js的Chrome浏览器开发插件DevTools的安装步骤
- 训练提速60%!只需5行代码,PyTorch 1.6即将原生支持自动混合精度训练。
- TensorFlow 模型剪枝