thinkphp验证码使用小案例

最新推荐文章于 2024-07-22 08:48:13 发布

DREAM-追梦

最新推荐文章于 2024-07-22 08:48:13 发布

阅读量444

点赞数 1

分类专栏： php学习文章标签： php thinkphp 验证码

本文链接：https://blog.csdn.net/fei003/article/details/71248678

版权

php学习专栏收录该内容

85 篇文章 1 订阅

订阅专栏

thinkphp3.2 的验证码使用是非常方便的,几乎可以说把代码粘贴进去就能直接使用

首先做一个生成验证码的方法

LogController.class.php中

    // 产生验证码
    public function makeVerify(){
        $Verify =     new \Think\Verify();
        $Verify->useImgBg = true; 
        $Verify->secure = true;
        $Verify->entry();
    }

在模板中调用这个方法,如下

View/Log/index.html中

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>登陆页面</title>
	<script src="__COMMONRESOURCE__/js/jquery-3.2.1.min.js"></script>
</head>
<body>
	<table>
		<form action="__URL__/login" method="post">
			<tr>
				<td>用户名</td>
				<td><input type="text" name="admin"></td>
				<td></td>
			</tr>
			<tr>
				<td>密码</td>
				<td><input type="password" name="password"></td>
				<td></td>
			</tr>
			<tr>
				<td>验证码</td>
				<td><input type="text" name="verify"></td>
				<td id="changeVerify"><img src="__URL__/makeVerify" alt=""></td>
			</tr>
			<tr>
				<td><button>提交</button></td>
				<td></td>
				<td></td>
			</tr>
		</form>
	</table>
</body>
</html>

注意验证码的使用方法 __URL__/makeVerify

直接生成验证码

如图

此时验证码就直接显示出来了,是不是很简单呢.............

好了,今天就到这了...

等等......怎么验证呢?好吧,当然也很容易啦,tp给我们都整好了

自建一个函数,写到自己的函数库里就能直接用

我的函数放在了Application/Common/Common/Function.php中

	 // 校验验证码
	function check_verify($code, $id = ''){
        $verify = new \Think\Verify();
        return $verify->check($code, $id);
    }

怎么用呢?当然是在验证的时候使用啦

    public function login(){

    	$admin = D('Admin');


        $data = array('adname' => I('post.admin'),
                      'password'=>I('post.password'),
                      'verify'  =>I('post.verify')
         ); 

        $re = check_verify($data['verify']);
        if(!$re){
            $this->error('验证码错误');
        }

        // 对用户进行登录验证
        $adname = $data['adname'];
        $password = $data['password'];

        $adminArr = $admin->where(array('adname'=>$adname))->find();
        $relpassword = passport_decrypt($adminArr['password'],C('PASSWORD_KEY'));
        if($relpassword !== $password){
            $this->error('密码不正确');
            exit;
        }

        //保存登录信息----关闭浏览器则消除cookie
        cookie('adid',passport_encrypt($adminArr['adid'],C('PASSWORD_KEY')));
		cookie('adname',passport_encrypt($adname,C('PASSWORD_KEY')));
        header('location:'.U('Index/index'));
    }

看到了吗?在

  $re = check_verify($data['verify']);

直接验证,然后对$re进行判断,验证成功返回true,失败返回false

这样的话,验证码的生成,校验都结束了,

还有一些小问题,当我点击验证码换一张是怎么实现的呢,其实也也很简单啦,验证码就是一张图片,换下图片路径就可以了,用jquery事件,为了防止缓存问题,需要在路径后面拼接上随机数,这样也不会有缓存问题了

--------------------------------------------------------------------------------------------------------------------------------------------------------

完整的前台代码

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>登陆页面</title>
	<script src="__COMMONRESOURCE__/js/jquery-3.2.1.min.js"></script>
</head>
<body>
	<table>
		<form action="__URL__/login" method="post">
			<tr>
				<td>用户名</td>
				<td><input type="text" name="admin"></td>
				<td></td>
			</tr>
			<tr>
				<td>密码</td>
				<td><input type="password" name="password"></td>
				<td></td>
			</tr>
			<tr>
				<td>验证码</td>
				<td><input type="text" name="verify"></td>
				<td id="changeVerify"><img src="__URL__/makeVerify" alt=""></td>
			</tr>
			<tr>
				<td><button>提交</button></td>
				<td></td>
				<td></td>
			</tr>
		</form>
	</table>
	<script>
		$('#changeVerify').click(function(){
			var num = Math.random();
			$(this).find('img').attr('src','__URL__/makeVerify/s/'+num);  
		});
	</script>
</body>
</html>

------------------------------------------------------

完整的后台代码

<?php
namespace Admin\Controller;
use Think\Controller;

class LogController extends Controller {
    public function index(){

        $adid = cookie('adid');
        $adname = cookie('adname');
        if(isset($adid) && isset($adname)) header('location:'.U('Index/index'));
        $this->display();
    }
    // 产生验证码
    public function makeVerify(){
        $Verify =     new \Think\Verify();
        $Verify->useImgBg = true; 
        $Verify->secure = true;
        $Verify->entry();
    }

    public function login(){

    	$admin = D('Admin');


        $data = array('adname' => I('post.admin'),
                      'password'=>I('post.password'),
                      'verify'  =>I('post.verify')
         ); 

        $re = check_verify($data['verify']);
        if(!$re){
            $this->error('验证码错误');
        }

        // 对用户进行登录验证
        $adname = $data['adname'];
        $password = $data['password'];

        $adminArr = $admin->where(array('adname'=>$adname))->find();
        $relpassword = passport_decrypt($adminArr['password'],C('PASSWORD_KEY'));
        if($relpassword !== $password){
            $this->error('密码不正确');
            exit;
        }

        //保存登录信息----关闭浏览器则消除cookie
        cookie('adid',passport_encrypt($adminArr['adid'],C('PASSWORD_KEY')));
		cookie('adname',passport_encrypt($adname,C('PASSWORD_KEY')));
        header('location:'.U('Index/index'));
    }

    public function logout(){
        cookie('adid',null);
        cookie('adname',null);
        header('location:'.U('Log/login'));
    }
}

注意:不要把自定义校验验证码函数给漏掉了