引入验证码

（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