yii2验证码样式如何设置

广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

yii2验证码样式如何设置

yii2验证码样式如何设置

第一步,控制器:

在任意controller里面重写方法

public function actions(){        return [        '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,        //设置字符偏移量 有效果        ],       ]; }
登录后复制

第二步,表单模型:

这里只给出验证码相关的部分。

相关文章教程推荐:yii教程

class ContactForm extends Model{        public $verifyCode;        public function rules(){                    return [                ['verifyCode', 'required'],                ['verifyCode', 'captcha'],          ];    }}
登录后复制

验证规则里面验证码的验证器是captcha

第三步,视图:

用ActiveForm生成对应字段。

captchaAction参数指定第一步是在写在哪里的,默认是site里面。

 <?= $form->field($model, 'verifyCode')->widget(Captcha::className(), [    'template' => '<div class="row"><div class="col-lg-3">{image}</div><div class="col-lg-6">{input}</div></div>', ]) ?>
登录后复制

验证码,生成和验证的整个流程就完成了。

以上是生成验证码的流程,因为验证码数字是在代码中写死的,如果我们需要数字的话,那该怎么办呢?

很好办,我们可以自己写个类来继承CaptchaAction,重写generateVerifyCode方法,例子:

namespace yii\captcha;class   Newcaptcha extends CaptchaAction{    protected function generateVerifyCode()    {        if ($this->minLength > $this->maxLength) {            $this->maxLength = $this->minLength;        }        if ($this->minLength < 3) {            $this->minLength = 3;        }        if ($this->maxLength > 20) {            $this->maxLength = 20;        }        $length = mt_rand($this->minLength, $this->maxLength);        $letters = '1234567890123456789012';        $vowels = 'aeiou';        $code = '';        for ($i = 0; $i < $length; ++$i) {            if ($i % 2 && mt_rand(0, 10) > 2 || !($i % 2) && mt_rand(0, 10) > 9) {                $code .= $vowels[mt_rand(0, 4)];            } else {                $code .= $letters[mt_rand(0, 20)];            }        }        return $code;    }}
登录后复制

生成类文件成功。然后再更改控制器的配置

'captcha' => [    'class' => 'yii\captcha\Newcaptcha',    'maxLength' => 5,    'minLength' =>5],
登录后复制

好了,更改完成,让我们来看下效果吧!

更多yii框架知识,可以观看相关编程学习课程,!!

以上就是yii2验证码样式如何设置的详细内容,更多请关注9543建站博客其它相关文章!

广告:SSL证书一年128.66元起,点击购买~~~

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。

作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:thinkphp不保存缓存
下一篇:分享微信公众号实现会员卡领取的功能

发表评论

关闭广告
关闭广告