Yii2在modules中添加验证码的方法-php教程-PHP中文网

Yii2在modules中添加验证码的方法

小云云

发布： 2018-02-12 13:53:06

原创

1574人浏览过

最近玩了下yii2的验证码部分，正常的逻辑都可以走通的，网上的例子也是没有问题的，关键有问题的部分是在module中使用的时候，分享给大家，往下看之前可以去看看正常情况下是如何使用的。本文主要和大家介绍了yii2 如何在modules中添加验证码的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。

controller部分的代码，这里的跟网上的都类似

public function actions()
{
  return [
    'captcha' => [
      'class' => 'yii\captcha\CaptchaAction',
      'fixedVerifyCode' => null,
      'backColor' => 0x000000, //背景颜色
      'maxLength' => 6, //最大显示个数
      'minLength' => 5, //最少显示个数
      'padding' => 5, //间距
      'height' => 40, //高度
      'width' => 130, //宽度
      'foreColor' => 0xffffff, //字体颜色
      'offset' => 4, //设置字符偏移量 有效果
    ],
  ];
}

登录后复制

model 部分的代码【这里是需要注意的】

public function rules()
{
  return [
    ['username', 'required', 'message' => '登录账号不能为空'],
    ['password', 'required', 'message' => '登录密码不能为空'],
    ['verifyCode', 'required', 'message' => '验证码不能为空'],
    ['verifyCode', 'captcha', 'captchaAction' => 'admin/default/captcha', 'message' => '验证码输入错误'],
    ['rememberMe', 'boolean'],
    ['password', 'validatePassword'],
  ];
}

登录后复制

rules中的verifyCode,需要加一个captchaAction对应的值，不然会出现验证码验证不通过，而且验证码的的数字也不会变化，原因应该是默认使用了site/captcha导致的

view部分的代码【由于php跟html的混排导致我无法忍受页面样式的混乱排版，所以尽量将参数配置部分拿出来】

$captchaConfig = [
  'name' => 'captchaimg',
  'captchaAction' => ['/admin/default/captcha'],
  'template' => '<p class="form-group"><p>{image}</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/xiazai/code/10919">
                            <img src="https://img.php.cn/upload/webcode/000/000/019/176430240347168.jpg" alt="思高数码广场">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/xiazai/code/10919">思高数码广场</a>
                            <p>修订记录：1.用户登陆增加了验证码，提高了安全性，登陆后不再显示登陆框。2.修改成了相对路径，不再一定需要放置在网站根目录下面。3.修改了类别搜索功能，并且可以暂时屏蔽，而不是删除，修改了先增加大类后出现无法修改中类名称的bug。4.增加了产品修改，可以保存修改。5.原来是借用别人的流量统计系统，不能统计某个页面的访问量，现采用的count.seecool.net的流量统计。6.帮助中心采用了fa</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="思高数码广场">
                                <span>0</span>
                            </div>
                        </div>
                        <a href="/xiazai/code/10919" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="思高数码广场">
                        </a>
                    </div>
                </p>',
  'imageOptions' => [
    'id' => 'captchaimg',
    'title' => '换一个',
    'alt' => '换一个',
    'style' => 'cursor:pointer;margin-left:25px;',
  ],
];

登录后复制