创新实训——TP5.0框架下的think-captcha验证码扩展包

之前在进行前端登陆页面实现的过程中,用到了TP5.0自带的think-captcha验证码包,现在在这里补充上介绍和用法。

首先,如果你是TP5.05之前的版本,需要自己去下载captcha,如果想从通过命令行直接下载需要安装composer,5.05之后的版本会自带think-captcha包。

thinkphp\vendor\topthink\think-capcha

创新实训——TP5.0框架下的think-captcha验证码扩展包_第1张图片

1.html中验证码的显示:

{:captcha_img()}

captcha

2.验证码判断

js方法:

function check_verify($code, $id = ''){
    $captcha = new Captcha();
    return $captcha->check($code, $id);
}

或直接在php中使用tp5.0封装的 captcha_check()方法来判断用户输入的验证码是否正确

3.验证码配置

config.php

创新实训——TP5.0框架下的think-captcha验证码扩展包_第2张图片

创新实训——TP5.0框架下的think-captcha验证码扩展包_第3张图片

通过对验证码配置的修改可以实现自定义验证码。

4.博主实现的验证码实例:

创新实训——TP5.0框架下的think-captcha验证码扩展包_第4张图片

点击图片可以切换验证码:

创新实训——TP5.0框架下的think-captcha验证码扩展包_第5张图片

创新实训——TP5.0框架下的think-captcha验证码扩展包_第6张图片

实现验证码随机切换:


在点击img图片时,把当前验证码图片加一个随机数,从而切换成任意新的验证码图片


代码:

.html:

创新实训——TP5.0框架下的think-captcha验证码扩展包_第7张图片


.php:

创新实训——TP5.0框架下的think-captcha验证码扩展包_第8张图片

    public function checkCode(){
    	$code=input('post.code');

    	//验证码判断
    	if(captcha_check($code)){
    		//echo"验证码正确";
    		//echo"
"; echo ""; return true; } else{ echo ""; return false; } }



你可能感兴趣的:(创新实训——TP5.0框架下的think-captcha验证码扩展包)