tp框架-------验证码
2017-03-28 15:42
113 查看
验证码我们一般很常见,在注册或登录时,都可以用的到,下面我们就来看看它的代码和用法
加验证码是为了防止表单攻击的一种方式,为了我们的程序更加的安全
在tp框架中它自带了一个验证码的类,我们先来看一下
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328151753451-1964487853.png)
让这个类在页面显示一下
我们再做一个xianshi.html
在这个目录下写
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328151956451-1511775354.png)
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328152014936-2125683827.png)
tp框架自带了一个类
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328152141623-1413347982.png)
我们找一下这个类具体在什么位置
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328152246248-127149274.png)
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328152259295-573643651.png)
在控制器中再写一个方法,这个方法用来生成验证码
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328152553358-1134286718.png)
html页面中
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328152652154-1729145479.png)
在浏览器中运行一下
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328152820342-703112671.png)
验证码就出来了
这个验证码随着页面刷新也会改变不一样的验证码
我们再来做文本框,再来判断输入的验证码对不对
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328153443358-74973571.png)
用ajax来做
再在类里面加判断条件
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328153409170-130413304.png)
判断语句内容
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328153617108-886821192.png)
ajax里面的内容
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328153712233-1093967513.png)
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328153855451-937153554.png)
代码写完后,我们再来运行试验一下
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328153953873-1087209887.png)
加验证码是为了防止表单攻击的一种方式,为了我们的程序更加的安全
在tp框架中它自带了一个验证码的类,我们先来看一下
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328151753451-1964487853.png)
让这个类在页面显示一下
我们再做一个xianshi.html
在这个目录下写
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328151956451-1511775354.png)
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328152014936-2125683827.png)
tp框架自带了一个类
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328152141623-1413347982.png)
我们找一下这个类具体在什么位置
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328152246248-127149274.png)
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328152259295-573643651.png)
在控制器中再写一个方法,这个方法用来生成验证码
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328152553358-1134286718.png)
html页面中
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328152652154-1729145479.png)
在浏览器中运行一下
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328152820342-703112671.png)
验证码就出来了
这个验证码随着页面刷新也会改变不一样的验证码
我们再来做文本框,再来判断输入的验证码对不对
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328153443358-74973571.png)
用ajax来做
再在类里面加判断条件
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328153409170-130413304.png)
判断语句内容
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328153617108-886821192.png)
ajax里面的内容
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328153712233-1093967513.png)
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328153855451-937153554.png)
代码写完后,我们再来运行试验一下
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328153953873-1087209887.png)
![](https://images2015.cnblogs.com/blog/1050647/201703/1050647-20170328154012483-892662160.png)