|
|
一、首先需要在控制器中加入驗(yàn)證碼方法admin/Lib/Action/LoginAction.class.php
知識(shí)點(diǎn)：
1、ob_clean函數(shù)用途
2、import方法調(diào)用think默認(rèn)類庫
3、Image類buildImageVerify方法使用
代碼如下：
復(fù)制代碼 代碼如下:
Public function verify(){
ob_clean();
//ob_clean函數(shù) 清空先前輸出
import('ORG.Util.Image');
//import調(diào)用的是message/Thinkphp框架目錄下的擴(kuò)展包Extend/Library/ORG/Util/中的Image.class.php類文件
Image::buildImageVerify();
//調(diào)用buildImageVerify方法生成驗(yàn)證碼，默認(rèn)參數(shù)為（$length=4, $mode=1, $type='png', $width=48, $height=22, $verifyName='verify'），有興趣的朋友可以研究下Image類
}
二、在模板文件中加入驗(yàn)證碼模塊admin/Tpl/Login/index.html
知識(shí)點(diǎn)：
1、驗(yàn)證碼圖片調(diào)用
2、js相關(guān)運(yùn)行流程了解
3、__PUBLIC__常量
在密碼輸入框后加入如下代碼：
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/Javascript" src="__PUBLIC__/Js/jquery-1.7.2.min.js"></script>
//__PUBLIC__常量可以在頁面加載后，“查看頁面源文件”中找到定義的__PUBLIC__目錄，默認(rèn)為項(xiàng)目根目錄message下的Public目錄，下面會(huì)講解如何自定義__PUBLIC__系統(tǒng)常量
//jquery文件，只有加載了這個(gè)文件才可以調(diào)用jquery的方法
<script type="text/Javascript" src="__PUBLIC__/Js/login.js"></script>
//這里的具體代碼會(huì)在下面貼出，其實(shí)只是定義了一個(gè)change_code函數(shù)，也就是更換驗(yàn)證碼的異步操作（可以在不刷新頁面的情況下更換）
<title>Message Board BackGround</title>
</head>
<body>
<form action="{:U('admin.php/Login/login')}" method="post" name="back_login" >
<h2>簡易后臺(tái)登錄系統(tǒng)</h2>
用戶名：<input type='username' name='username' id='username' />
<br />
密碼：<input type='password' name='password' id='password' />
<br />
驗(yàn)證碼：<input type="code" name="code"/>
//這里需要注意將type設(shè)置為code，name命名為code
<img src="{:U('Admin/Login/verify','','')}" id="code"/>
//img標(biāo)簽下的src就是調(diào)用Login控制器中的veryfy方法
//后面的兩個(gè)參數(shù)留空是必須的，其中第2個(gè)沒實(shí)際意義，主要是為了第3個(gè)參數(shù)留空，這樣設(shè)置可以取消偽靜態(tài)后綴名，否則默認(rèn)的偽靜態(tài)后綴名為html，將會(huì)導(dǎo)致無法正常加載圖片
<a href="Javascript:void(change_code(this));">看不清</a>
//這里調(diào)用了個(gè)
<br />
<input type="submit" value="登錄"/>
</form>
</body>
</html>
login.js文件在message/Public/目錄下
文件內(nèi)容如下：
復(fù)制代碼 代碼如下:
verifyURL = 'http://localhost/message/admin.php/Login/verify';
//定義驗(yàn)證碼路徑
function change_code(obj){
$("#code").attr("src",verifyURL+'/'+Math.random());
//動(dòng)態(tài)生成驗(yàn)證碼方法，有興趣的朋友可以深入研究下jq方法
return false;
}
另：__PUBLIC__文件定義在message/admin/Conf/config.php
在配置中，加入如下內(nèi)容，即可改變__PUBLIC__路徑
配置如下：
復(fù)制代碼 代碼如下:
//常量相關(guān)配置
'TMPL_PARSE_STRING' => array(
'__PUBLIC__' => __ROOT__ . '/' . APP_NAME . '/Public',
//路徑改變?yōu)閙essage/admin/Public，刷新頁面，驗(yàn)證碼依然可以刷新，則表明js生效，也可“查看頁面源文件”
),
php技術(shù)：ThinkPHP驗(yàn)證碼使用簡明教程，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
