TP5验证码的引用
引入验证码
(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)效果