欢迎您光临买源码,本站秉承服务宗旨 履行“站长”责任,销售只是起点,服务永无止境!

TP5验证码的引用

引入验证码

(1)打开composer的安装列表搜索think-captcha

 

1603410751-f3faad8a44568c0

 

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

(3)cmd到自己的项目目录下,执行composer require topthink/think-captcha 1.* -vvv

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

1603410752-1648229025d1f17

 

(4)控制器引入验证码

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

1603410755-bb15955f1d0a444

 

1603410756-d353f73acf61419\

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

(5)视图引入

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

1603410756-ade7df456813ce1

 <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)效果

1603410757-e691c976d998425

免责声明:
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!

买源码 » TP5验证码的引用

发表评论