前文鏈接《ThinkPHP初學(xué)者:寫一個(gè)簡(jiǎn)單登錄頁(yè)面(一)》
首先,在UserModel中楚殿,把需要的方法定義好撮慨。
public function exists($user_name){
$SQL = "user_name='%s'";
return $this->where($SQL,$user_name)->find();
}
這個(gè)方法會(huì)用來(lái)判斷用戶是否存在,find()方法表示返回查詢結(jié)果的第一條數(shù)據(jù)脆粥。一般而言砌溺,用戶名都是唯一的,所以查詢的結(jié)果應(yīng)該只有一條數(shù)據(jù)变隔,如果要確保是這樣规伐,可以修改數(shù)據(jù)表結(jié)構(gòu),把user_name字段設(shè)置為unique匣缘,操作方法如下猖闪,在MySQL控制臺(tái)中:
alter table user add unique (user_name);
這樣鲜棠,再向數(shù)據(jù)庫(kù)中插入數(shù)據(jù)時(shí),如果用戶名已經(jīng)存在培慌,就會(huì)失敗豁陆。
然后,就可以在Controller中寫具體的登錄邏輯了吵护,登錄邏輯實(shí)現(xiàn)有兩種方案:一種是HTML通過(guò)表單提交盒音,由PHP來(lái)控制跳轉(zhuǎn);另外一種是通過(guò)接口的形式馅而,HTML通過(guò)ajax等技術(shù)祥诽,使用json進(jìn)行數(shù)據(jù)交換,并自己控制頁(yè)面跳轉(zhuǎn)等邏輯用爪。很顯然原押,由于登錄失敗的可能性很大,需要給用戶友好的提示偎血,使用方案二會(huì)更加合適。因此這里使用方案二來(lái)實(shí)現(xiàn)功能盯漂,方案一之后還會(huì)遇到颇玷,屆時(shí)再仔細(xì)研究。
在Controller中創(chuàng)建一個(gè)名為login()的方法就缆,供HTML以post的方式提交數(shù)據(jù):
public function login() {
//HTTP協(xié)議帖渠,傳輸json需要添加請(qǐng)求頭
header('Content-Type:application/json; charset=utf-8');
//數(shù)據(jù)校驗(yàn)
if (!$_POST) {
$return['code'] = 0;
$return['message'] = '不支持的操作';
exit(json_encode($return));
}
$user_name = $_POST["username"];
if (empty($user_name)) {
$return['code'] = 0;
$return['message'] = '用戶名不能為空';
exit(json_encode($return));
}
$user_pass = $_POST["password"];
if (empty($user_pass)) {
$return['code'] = 0;
$return['message'] = '密碼不能為空';
exit(json_encode($return));
}
$result = D("User")->exists($user_name);
if (empty($result)) {
$return['code'] = 0;
$return['message'] = '用戶不存在';
exit(json_encode($return));
}
if ($result['user_pass'] != $user_pass) {
$return['code'] = 0;
$return['message'] = '密碼錯(cuò)誤';
exit(json_encode($return));
}
$return['code'] = 1;
$return['message'] = '登錄成功';
echo json_encode($return);
}
很顯然,這個(gè)方法不是主動(dòng)在瀏覽器調(diào)用的竭宰,而是用戶點(diǎn)擊登錄按鈕后空郊,通過(guò)ajax觸發(fā)。因此ajax和普通的用法也稍微有點(diǎn)區(qū)別切揭,具體表現(xiàn)在ajax的url字段上狞甚。在TP中,請(qǐng)求的Url有其特定的格式:{:U(控制器名/方法名)}廓旬,這樣TP就可以把其解析成服務(wù)器理解的鏈接哼审,從而將請(qǐng)求發(fā)送到正確的地方。下面給出ajax請(qǐng)求的示例(使用的是jQuery方法):
$.ajax({
type: "POST",
url:"{:U('Index/login')}",
data:$('#form').serialize(),// 序列化表單值孕豹,這里需要的是待上傳的數(shù)據(jù)涩盾,若用表單就可以這樣寫
async: true,
error: function(request) {
alert("Connection error");
},
success: function(data) {
if(data.code==1){
alert(data.message);
// window.location.href="跳轉(zhuǎn)頁(yè)面"
}else{
alert(data.message);
}
}
});
});
具體代碼會(huì)同步到github中,文末有鏈接励背。
現(xiàn)在春霍,在瀏覽器中訪問(wèn)http://www.learn.com,先輸入一個(gè)不存在的用戶名:
再試下正確的用戶名&錯(cuò)誤的密碼:
最后輸入正確的密碼:
可以看到網(wǎng)站很好的工作了起來(lái)叶眉,由于還沒(méi)有主頁(yè)址儒,所以登錄成功后也僅僅給出了提示芹枷,若要跳轉(zhuǎn),使用js的
window.location.href="跳轉(zhuǎn)頁(yè)面"
就可以了离福。
至此杖狼,一個(gè)簡(jiǎn)單的登錄功能就完成了。但是實(shí)際的登錄邏輯是比這要復(fù)雜一些的妖爷,比如密碼的處理蝶涩,以及使用session保持登錄的狀態(tài)等,需要在實(shí)現(xiàn)注冊(cè)和主頁(yè)時(shí)絮识,再詳細(xì)展開(kāi)绿聘。
本項(xiàng)目源碼已同步到github上,如需查看次舌,同步下來(lái)后熄攘,配置一下數(shù)據(jù)庫(kù)即可。
奉上github地址:https://github.com/LtLei/PHPLearn彼念。