Home > Article > Backend Development > Detailed steps for adding verification code in yii2 yii2.0 verification code yii verification code not displayed yii2 custom verification
Author: Bailang Source: http://www.manks.top/article/yii2_captcha The copyright of this article belongs to the author. Reprinting is welcome, but this statement must be retained without the author’s consent, and a link to the original text must be provided in an obvious position on the article page. Otherwise, we reserve the right to pursue legal liability.
I originally thought that the verification code of the yii2 framework was very comprehensive. I tried Baidu and Google. Most of the tutorials were scattered and incomplete. I thought about writing a verification code tutorial with complete steps.
We assume that site/login form login requires adding a verification code.
1. The actions method of the siteController controller adds captcha settings
<span>public</span><span>function</span><span> actions() { </span><span>return</span><span> [ </span>'captcha' =><span> [ </span>'class' => 'yii\captcha\CaptchaAction', 'maxLength' => 4, 'minLength' => 4<span> ]</span>,<span> ]; }</span>
Above we simply set the number of digits of the verification code. Some friends are curious about what configuration items there are. For this, you can view the file vendoriisoftyii2captcha, including the verification code background. Colors, font files and other settings can be found here.
2. Continue configuring siteController.
<span>public</span><span>function</span><span> behaviors() { </span><span>return</span><span> [ </span>'access' =><span> [ </span>'class' => AccessControl::className(), 'rules' =><span> [ [ </span>'actions' => ['login', 'error', 'captcha'], 'allow' => <span>true</span>,<span> ]</span>,<span> ]</span>,<span> ]; }</span>
Add captcha method to make the actions of access rules accessible.
3. Let’s take a look at the view layer and add the verification code input.
<span>use</span><span> yii\captcha\Captcha; </span><?= <span>$form</span>->field(<span>$model</span>, 'verifyCode')->widget(Captcha::className(),<span> [ </span>'template' => '<div><div>{image}</div><div>{input}</div></div>',<span> ]) </span>?>
4. This is not enough, we also need to add verification rules for the verification code
We are using LoginForm here, so modify the LoginForm file
<span>class</span> LoginForm <span>extends</span><span> Model { </span><span>//</span><span>...... public $verifyCode; </span><span>public</span><span>function</span><span> rules() { </span><span>return</span><span> [ </span><span>//</span><span>...... </span> ['verifyCode', 'captcha'],<span> ]; } </span><span>public</span><span>function</span><span> attributeLabels() { </span><span>return</span><span> [ </span>'verifyCode' => '', <span>//</span><span>验证码的名称,根据个人喜好设定 </span><span> ]; } } </span><span>//</span><span>定义了verifyCode属性 //rules规则添加了验证 //label中定义了其显示名称</span>
5. Go to the fourth step to basically configure the verification The code will be displayed normally. If your background has rbac permission control set up, I'm afraid you still need to add /site/captcha accessibility for as accss in the config.
6. Just see the effect.
7. Some students asked why the verification code does not refresh when the page is refreshed. I personally think it does not matter whether it refreshes or not. The verification code will only be refreshed when you enter the wrong verification code and the page refreshes. If you have to refresh the page to follow the verification code, try a simple method to achieve it.
$('Verification Code Object').click();
That is, click the verification code again when the page is refreshed to force a refresh.
The above introduces the detailed steps for adding verification codes in yii2, including the content of yii and verification codes. I hope it will be helpful to friends who are interested in PHP tutorials.