tp框架---验证码详解
很多注册登录界面都会验证码，用tp如何实现验证码的功能呢？
在tp中：Think\Verify类可以支持验证码的生成和验证功能。
首先，看一下逻辑：
（1）如何生成？------ 先做Yanzhengma控制器，调用Yanzheng操作方法显示页面；
（2）如何生成？------ 显示页面的图片路径要指向当前控制器下面的yzm操作方法，用于生成验证码；
（3）如何验证？------ 点击“验证”按钮，用ajax访问当前控制器下面的yz操作方法,进行验证；
（4）如何刷新验证码？----- 点击图片再次获取路径；
（5）多个验证码如何验证？ ------- 在生成验证码时，就给一个标识；
（6）控制验证码的属性 ------ 字体大小、背景图片、中英文等
第一步：生成验证码
yanzheng.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="__ROOT__/Public/js/jquery-1.11.2.min.js"></script>
</head>
<body>
<!--a,c,m-->
<h1>验证码</h1>
<img src="__CONTROLLER__/yzm">
<input type="text" name="yzm" id="txt"/>
<input type="button" value="验证" id="btn" />
</body>
</html>
YanzhengmaController.clas
<?php namespace Ceshi\Controller;
use Think\Controller;
class YanzhengmaController extends Controller
{
public function yanzheng()
{
$this->show();
}
public function yzm(){ //清除缓存，显示验证码，有的不用写这就话就可以显示验证码，我的不行，所以写上了
ob_clean();
$v = new \Think\Verify();
$v->entry();
} }
第二步：判断验证码
yanzheng.html
<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("验证码输入不正确！");
}
}
})
})
</script>
YanzhengmaController.class.php
public function yz(){
//取值
$yzm = $_POST["yzm"];
$v = new \Think\Verify();
//check()方法检验验证码是否正确
if($v->check($yzm)){
$this->ajaxReturn("OK","eval"); //如果正确，返回ok
}else{
$this->ajaxReturn("NO","eval"); //如果不正确，返回no
}
}
效果图：
当输入不正确的验证码时：
当输入正确的验证码时：
第三步：实现点击验证码图片进行刷新
$("img").click(function(){
$(this).attr("src","__CONTROLLER__/yzm");
})
给图片加上点击事件，每次点击图片重新传一次地址；这样便可以实现刷新了，但是这一代码在ie浏览器中不行：
原因：ie浏览器会自动识别相同的路径，如果相同会直接加载缓存文件，因此需要每次传的路径不同，用随机数做
$("img").click(function(){
//取随机数
var sjs = Math.floor(Math.random()*100);
$(this).attr("src","__CONTROLLER__/yzm/code/"+sjs);
})
第四步：如何进行多个验证码的验证？
当有多个验证码时，
yanzheng.html
<h1>验证码</h1>
<img src="__CONTROLLER__/yzm" id="img">
<input type="text" name="yzm" id="txt"/>
<input type="button" value="验证" id="btn" />
<br /><br />
<!--第二个验证码-->
<img src="__CONTROLLER__/yzm2" id="img">
在生成验证码时：要传入可标识的信息
YanzhengmaController.class.php
public function yzm(){
ob_clean();
$v = new \Think\Verify();
$v->entry(1);
}
public function yzm2(){
ob_clean();
$v = new \Think\Verify();
$v->entry(2);
}
判断验证码时；将标识写入check($yzm,)：
public function yz(){
//取值
$yzm = $_POST["yzm"];
$v = new \Think\Verify();
//check()方法检验验证码是否正确
if($v->check($yzm,2)){
$this->ajaxReturn("OK","eval"); //如果正确，返回ok
}else{
$this->ajaxReturn("NO","eval"); //如果不正确，返回no
}
}
这样就可以区别要验证的是哪一个验证码了。
第五步：对验证码属性进行修改（切换中文）
public function yzm(){
ob_clean();
$v = new \Think\Verify();
$v->useImgBg =true; //是否启用默认背景，默认false
$v->fontSize = 30; //验证码字体大小（像素） 默认为25
$v->useCurve = false; //是否使用混淆曲线 默认为true
$v->useNoise = false; //是否添加杂点 默认为true
$v->imageW = 250; //验证码宽度 设置为0为自动计算
$v->imageH = 80; //验证码高度 设置为0为自动计算
//切换中文
//首先就中文字体（格式是ttf）的移动到Library/Think/Verify/zhttfs文件夹中
$v->useZh = true; //是否使用中文验证码
$v->fontttf = "simhei.ttf"; //指定验证码字体 默认为随机获取
$v->entry();
}
注：在Verify.class.php中可以修改要随机显示的英文和中文字：
其中，codeSet 是英文； zhSet 是中文；如果想要使生成的验证码是自己喜欢的英/中文文章里的文字，可以在此处修改。
tp框架---验证码详解的更多相关文章
- Hadoop 新 MapReduce 框架 Yarn 详解
Hadoop 新 MapReduce 框架 Yarn 详解: http://www.ibm.com/developerworks/cn/opensource/os-cn-hadoop-yarn/ Ap ...
- 测试框架mochajs详解
测试框架mochajs详解 章节目录 关于单元测试的想法 mocha单元测试框架简介 安装mocha 一个简单的例子 mocha支持的断言模块 同步代码测试 异步代码测试 promise代码测试 不建 ...
- 转: javascript模块加载框架seajs详解
javascript模块加载框架seajs详解 SeaJS是一个遵循commonJS规范的javascript模块加载框架,可以实现javascript的模块化开发和模块化加载(模块可按需加载或全部加 ...
- Android热门网络框架Volley详解[申明：来源于网络]
Android热门网络框架Volley详解[申明:来源于网络] 地址:http://www.cnblogs.com/caobotao/p/5071658.html
- 【python3+request】python3+requests接口自动化测试框架实例详解教程
转自:https://my.oschina.net/u/3041656/blog/820023 [python3+request]python3+requests接口自动化测试框架实例详解教程 前段时 ...
- python+requests接口自动化测试框架实例详解
python+requests接口自动化测试框架实例详解 转自https://my.oschina.net/u/3041656/blog/820023 摘要: python + requests实 ...
- redux-saga框架使用详解及Demo教程
redux-saga框架使用详解及Demo教程 前面我们讲解过redux框架和dva框架的基本使用,因为dva框架中effects模块设计到了redux-saga中的知识点,可能有的同学们会用dva框 ...
- tp框架 验证码的应用注意事项
1如何点击更换二维码 二维码是img标签的src访问生成二维码的方法.绑定点击事件,ajax的get方式请求生成二维码的函数.在U函数后面加上任意不重复的参数 如 ?rand=’+math.rand ...
- Quartz.net开源作业调度框架使用详解
前言 quartz.net作业调度框架是伟大组织OpenSymphony开发的quartz scheduler项目的.net延伸移植版本.支持 cron-like表达式,集群,数据库.功能性能强大更不 ...
随机推荐
- SVN环境搭建步骤
方法:一.准备工作1. Subversion服务器程序先到官方网站上下载最新版本.2. TortoiseSVN客户端程序它是一个客户端程序,用来与Subvers服务端通讯.Subversion自带一个 ...
- 搭建Elasticsearch集群常见问题
一.ES安装方法: Linux用户登录(bae),我们用的是5.3版本的包.从官网下载: curl -L -O https://artifacts.elastic.co/downloads/elast ...
- golang实现dns域名解析（三）：响应报文分析
前面说了构造请求发送报文,接下来我们好好研究下如何解析服务器端发回来的应答信息. 首先还是用前面的程序代码发一个请求,用抓包工具看看应答的内容有哪些: 截图的第一部分是返回信息的统计,表明这个返回的包 ...
- springcloud(十)：服务网关zuul
前面的文章我们介绍了,Eureka用于服务的注册于发现,Feign支持服务的调用以及均衡负载,Hystrix处理服务的熔断防止故障扩散,Spring Cloud Config服务集群配置中心,似乎一个 ...
- JavaSE教程-04Java中循环语句for，while，do···while-练习
0.实现打印50遍的"我爱你" 1.请在控制台输出数据1-10 2.请在控制台输出数据10-1 3.求出1-10之间数据之和 4.求出1-100之间能够被3整除的所有数的和 前四题 ...
- 在eclipse中输入.后提示解决
1.调用系统自带的提示: 如果在eclipse中输入.后没有提示对应对象的属性和方法帮助列表,可以进行以下设置就可以了 eclipse -> Window-> Preferences-&g ...
- php面向对象2
类与对象的区别和联系 通过 http://www.cnblogs.com/we-jack/p/object.html 和 http://www.cnblogs.com/we-jack/p/php.ht ...
- JavaScript中的数组
数组 (1).数组的定义 数组是值的有序集合 javascript数组是无类型的:数组元素可以是任意类型,并且同一个数组的不同元素也可能有不同的类型. 每个值叫做一个元素,而每个元素在数组中有一个位置 ...
- [BZOJ4907]柠檬
4709: [Jsoi2011]柠檬 Time Limit: 10 Sec Memory Limit: 128 MB Description Flute 很喜欢柠檬.它准备了一串用树枝串起来的贝壳, ...
- PHP代理访问网络资源
第一种:使用DOMDocument <? PHP $doc = new \DOMDocument(); $opts = array( 'http' => array( ...