Yii2如何增加验证码-创新互联

这篇文章主要介绍了Yii2如何增加验证码,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

创新互联服务紧随时代发展步伐,进行技术革新和技术进步,经过十载的发展和积累,已经汇集了一批资深网站策划师、设计师、专业的网站实施团队以及高素质售后服务人员,并且完全形成了一套成熟的业务流程,能够完全依照客户要求对网站进行网站建设、做网站、建设、维护、更新和改版,实现客户网站对外宣传展示的首要目的,并为客户企业品牌互联网化提供全面的解决方案。

我们假设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; 
field($model, 'verifyCode')->widget(Captcha::className(), [ 
'template' => '{image}
{input}
',  ]) ?>

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、看效果就好了。


Yii2如何增加验证码


7、有同学问为啥页面刷新验证码不跟着刷新,我个人觉得刷不刷新不重要,当你输错验证码页面刷新的时候验证码才会刷新。如果你非要刷新页面验证码跟着刷新,尝试一种简单的方法实现。


$('验证码对象').click();

即在页面刷新的时候重新点击一次验证码进行强制刷新。


感谢你能够认真阅读完这篇文章,希望小编分享的“Yii2如何增加验证码”这篇文章对大家有帮助,同时也希望大家多多支持创新互联网站建设公司,,关注创新互联行业资讯频道,更多相关知识等着你来学习!


新闻标题:Yii2如何增加验证码-创新互联
分享链接:http://bzwzjz.com/article/iphpi.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设公司 自适应网站设计 网站制作报价 成都企业网站建设公司 成都网站设计 网站设计制作报价 重庆外贸网站建设 外贸网站设计方案 专业网站设计 成都网站建设公司 成都网站建设 成都定制网站建设 重庆网站设计 达州网站设计 网站制作公司 移动网站建设 成都商城网站建设 成都网站制作 营销型网站建设 成都网站建设 网站设计 企业网站设计