引入验证码

（1）打开composer的安装列表搜索think-captcha

（2）选择合适的版本，配置自己的框架使用，我这里使用的是tp5的框架，所i选择1.08的版本

（3）cmd到自己的项目目录下，执行composer require topthink/think-captcha 1.* -vvv

执行成功后最后就是这个样子的

（4）控制器引入验证码

第一张图是引入验证码的类，第二张图是生成验证码

      public function verify()
          {
             $config =    [
                 // 关闭验证码杂点
                 'useNoise'    =>    false,
                 // 关闭曲线
                 'useCurve'    =>    false
              ];
             $captcha = new Captcha($config);
             $captcha->length  = 3;
             $captcha->codeSet = '0123456789';
             return $captcha->entry();
          }
  
 

（5）视图引入

这里唯一一个注意点就是，在点击验证码时还会更新验证码，所以加了个onclick事件在拼上获取验证码的链接后边追加？即可

      <div class="layui-form-item">
                 <label class="layui-form-label">验证码：</label>
                 <div class="layui-input-block">
                     <input type="number" name="verify" class="layui-input" lay-verify="verify" placeholder="验证码" maxlength="4" max="9999"/><img id="verify_img" src="{:url('shopAdmin/login/verify')}" onclick="this.src = this.src+'?'">
                 </div>
             </div>
  
 

（6）效果

文章来源: blog.csdn.net，作者：咔咔-，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.csdn.net/fangkang7/article/details/102456187