【项目实战】TP5验证码的引用

概述引入验证码（1）打开composer的安装列表搜索think-captcha（2）选择合适的版本，配置自己的框架使用，我这里使用的是tp5的框架，所i选择1.08的版本（3）cmd到自己的项目目录下，执行composer require topthink/think-captcha 1.* -vvv执行成功后最后就是这个样子的（4）控制器引入验证...

引入验证码

（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 >            <label >验证码：</label>            <div >                <input type="number" name="verify"  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）效果

总结

以上是内存溢出为你收集整理的【项目实战】TP5验证码的引用全部内容，希望文章能够帮你解决【项目实战】TP5验证码的引用所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。