一、首先需要在控制器中加入验证码方法admin/Lib/Action/LoginAction.class.PHP
知识点:
1、ob_clean函数用途
2、import方法调用think默认类库
3、Image类buildImageVerify方法使用
代码如下:
代码如下:
Public function verify(){
ob_clean();
//ob_clean函数 清空先前输出
import('ORG.Util.Image');
//import调用的是message/ThinkPHP框架目录下的扩展包Extend/Library/ORG/Util/中的Image.class.PHP类文件
Image::buildImageVerify();
//调用buildImageVerify方法生成验证码,默认参数为($length=4,$mode=1,$type='png',$width=48,$height=22,$verifyName='verify'),有兴趣的朋友可以研究下Image类
}
ob_clean();
//ob_clean函数 清空先前输出
import('ORG.Util.Image');
//import调用的是message/ThinkPHP框架目录下的扩展包Extend/Library/ORG/Util/中的Image.class.PHP类文件
Image::buildImageVerify();
//调用buildImageVerify方法生成验证码,默认参数为($length=4,$mode=1,$type='png',$width=48,$height=22,$verifyName='verify'),有兴趣的朋友可以研究下Image类
}
二、在模板文件中加入验证码模块admin/Tpl/Login/index.html
知识点:
1、验证码图片调用
2、js相关运行流程了解
3、__PUBLIC__常量
在密码输入框后加入如下代码:
代码如下:
<Meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
//这里的具体代码会在下面贴出,其实只是定义了一个change_code函数,也就是更换验证码的异步操作(可以在不刷新页面的情况下更换)
login.js文件在message/Public/目录下
文件内容如下:
代码如下:
verifyURL = 'http://localhost/message/admin.PHP/Login/verify';
//定义验证码路径
function change_code(obj){
$("#code").attr("src",verifyURL+'/'+Math.random());
//动态生成验证码方法,有兴趣的朋友可以深入研究下jq方法
return false;
}
//定义验证码路径
function change_code(obj){
$("#code").attr("src",verifyURL+'/'+Math.random());
//动态生成验证码方法,有兴趣的朋友可以深入研究下jq方法
return false;
}
另:__PUBLIC__文件定义在message/admin/Conf/config.PHP
在配置中,加入如下内容,即可改变__PUBLIC__路径
配置如下:
代码如下: