ThinkPhp框架:验证码功能

Posted ChrissZhao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ThinkPhp框架:验证码功能相关的知识,希望对你有一定的参考价值。

一.单个验证码

1.依旧可以沿用上传功能所新建的控制器TestController.class.php

2.创建操作方法

namespace Home\\Controller;
use Think\\Controller;
class TestController extends Controller {
    public function yanzheng(){
		$this->show();//显示模版页面
	}

}
 

3.在Home/View/Test下新建验证的模版页 yanzheng.html 使用ajax来验证

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="__ROOT__/Public/js/jquery-3.2.0.min.js"></script>
</head>

<body>
<h1>验证码</h1>
<img src="__CONTROLLER__/yzm" id="img"/><input type="test" name="yzm" id="txt"/><input type="submit" id="btn" value="验证"/>
</body>
<script type="text/javascript">
//失去焦点时触发事件 $("#btn").click(function(){ var yzm = $("#txt").val();//取到用户输入的值 $.ajax({ url:"__CONTROLLER__/yz", data:{yzm:yzm}, type:"POST", dataType:"TEXT", success:function(data){ if(data.trim()=="ok"){ alert("成功"); }else{ alert("失败"); } } }); }) $("#img").click(function(){ var sjs = Math.floor(Math.random() *100); $(this).attr("src","__CONTROLLER__/yzm/code/"+sjs); }) </script> </html>

 

4.建一个操作方法yzm用来生成验证码 并且 让验证按钮指向一个操作方法,新建一个yz操作方法

<?php
namespace Home\\Controller;
use Think\\Controller;
class TestController extends Controller {
      public function yanzheng(){
		$this->show();//显示模版页面
	}
	public function yzm(){
		$v = new \\Think\\Verify();//造对象
		//$v->useImgBg = true;//是否使用背景图片 默认为false
		//$v->fontSize="30";//验证码字体大小(像素) 默认为25
		//$v->useCurve=false;//是否使用混淆曲线 默认为true
		//$v->useNoise=false;//是否添加杂点 默认为true
		//$v->length="4";//验证码位数
		$v->useZh = true;//中文验证码
		$v->fontttf="STKAITI.TTF";
		$v->entry();//生成验证码
	}
	public function yz(){
		$yzm = $_POST["yzm"];
		$v = new \\Think\\Verify();
		if($v->check($yzm)){//验证
			$this->ajaxReturn("ok","eval");
		}else{
			$this->ajaxReturn("no","eval");
		}
	}          

}    

实现的效果如下:

   

输入文字后点击验证:

 

二.两个验证码

1.给模版加一个img标签

<body>
<h1>验证码</h1>
<img src="__CONTROLLER__/yzm" id="img"/><input type="test" name="yzm" id="txt"/><input type="submit" id="btn" value="验证"/>
<img src="__CONTROLLER__/yzm2" id="img2"/>
</body>

 2.控制器的方法也要写个yzm方法,叫做yzm2,如果有两个验证码,entry就要进行标识,entry(1)entry( 2)

public function yanzheng(){
		$this->show();//显示模版页面
	}
	public function yzm(){
		$v = new \\Think\\Verify();//造对象
		//$v->useImgBg = true;//是否使用背景图片 默认为false
		//$v->fontSize="30";//验证码字体大小(像素) 默认为25
		//$v->useCurve=false;//是否使用混淆曲线 默认为true
		//$v->useNoise=false;//是否添加杂点 默认为true
		//$v->length="4";//验证码位数
		$v->useZh = true;//中文验证码
		$v->fontttf="STKAITI.TTF";
		$v->entry(1);//生成验证码
	}
	public function yz(){
		$yzm = $_POST["yzm"];
		$v = new \\Think\\Verify();
		if($v->check($yzm,1)){//验证
			$this->ajaxReturn("ok","eval");
		}else{
			$this->ajaxReturn("no","eval");
		}
	}
	public function yzm2(){
		$v = new \\Think\\Verify();
		$v->entry(2);//生成验证码
	}

 3.然后在check方法中写入一个标识,就是要验证哪一个的标识,这里验证是第一个

public function yz(){
		$yzm = $_POST["yzm"];
		$v = new \\Think\\Verify();
		if($v->check($yzm,1)){//验证
			$this->ajaxReturn("ok","eval");
		}else{
			$this->ajaxReturn("no","eval");
		}
	}

 显示的结果:

注意:有时候浏览器不同也会有bug,比如IE浏览器就不刷新,所以我们要加一个东西,让它适应任何的浏览器,可以这样写

$("#img").click(function(){
	var sjs = Math.floor(Math.random() *100);//生成随机数
	$(this).attr("src","__CONTROLLER__/yzm/code/"+sjs);//拼接上截取后的随机数
})

 三.验证码参数

 

注意:参数的设置有两种方法

一是实例化传入参数:

$config = array(   
    \'fontSize\'    =>    30,    // 验证码字体大小   
    \'length\'      =>    3,     // 验证码位数   
    \'useNoise\'    =>    false, // 关闭验证码杂点
);
$Verify = new \\Think\\Verify($config);
$Verify->entry();

 二是动态设置:

$Verify = new \\Think\\Verify();
$Verify->fontSize = 30;
$Verify->length   = 3;
$Verify->useNoise = false;
$Verify->entry();

 

 强调一下中文验证码的方法1.本身框架里没有字体参数,所以从C盘找到字体参数

2.选取ttf格式的字体参数复制到thinkphp\\ThinkPHP\\Library\\Think\\Verify\\zhttfs文件夹下

3.代码中调用中文验证码参数

public function yzm(){
      $v = new \\Think\\Verify();//造对象
      $v->useZh = true;//中文验证码
      $v->fontttf="STKAITI.TTF";
      $v->entry(1);//生成验证码
}

 

 

以上是关于ThinkPhp框架:验证码功能的主要内容,如果未能解决你的问题,请参考以下文章

ThinkPhp框架:验证码功能

ThinkPHP框架学习 --- thinkphp 3.2.3 验证码验证使用教程分享

thinkphp验证码实现。

php--------ThinkPHP3.2验证码使用

使用ThinkPHP实现生成/检验验证码功能

Thinkphp框架 -- 短信接口验证码