前文鏈接《ThinkPHP初學者:寫一個簡單登錄頁面(一)》
首先,在UserModel中,把需要的方法定義好。
public function exists($user_name){
$SQL = "user_name='%s'";
return $this->where($SQL,$user_name)->find();
}
這個方法會用來判斷用戶是否存在,find()方法表示返回查詢結(jié)果的第一條數(shù)據(jù)。一般而言,用戶名都是唯一的,所以查詢的結(jié)果應該只有一條數(shù)據(jù),如果要確保是這樣,可以修改數(shù)據(jù)表結(jié)構(gòu),把user_name字段設置為unique,操作方法如下,在MySQL控制臺中:
alter table user add unique (user_name);
這樣,再向數(shù)據(jù)庫中插入數(shù)據(jù)時,如果用戶名已經(jīng)存在,就會失敗。
然后,就可以在Controller中寫具體的登錄邏輯了,登錄邏輯實現(xiàn)有兩種方案:一種是HTML通過表單提交,由PHP來控制跳轉(zhuǎn);另外一種是通過接口的形式,HTML通過ajax等技術(shù),使用json進行數(shù)據(jù)交換,并自己控制頁面跳轉(zhuǎn)等邏輯。很顯然,由于登錄失敗的可能性很大,需要給用戶友好的提示,使用方案二會更加合適。因此這里使用方案二來實現(xiàn)功能,方案一之后還會遇到,屆時再仔細研究。
在Controller中創(chuàng)建一個名為login()的方法,供HTML以post的方式提交數(shù)據(jù):
public function login() {
//HTTP協(xié)議,傳輸json需要添加請求頭
header('Content-Type:application/json; charset=utf-8');
//數(shù)據(jù)校驗
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'] = '密碼錯誤';
exit(json_encode($return));
}
$return['code'] = 1;
$return['message'] = '登錄成功';
echo json_encode($return);
}
很顯然,這個方法不是主動在瀏覽器調(diào)用的,而是用戶點擊登錄按鈕后,通過ajax觸發(fā)。因此ajax和普通的用法也稍微有點區(qū)別,具體表現(xiàn)在ajax的url字段上。在TP中,請求的Url有其特定的格式:{:U(控制器名/方法名)},這樣TP就可以把其解析成服務器理解的鏈接,從而將請求發(fā)送到正確的地方。下面給出ajax請求的示例(使用的是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)頁面"
}else{
alert(data.message);
}
}
});
});
具體代碼會同步到github中,文末有鏈接。
現(xiàn)在,在瀏覽器中訪問http://www.learn.com,先輸入一個不存在的用戶名:

再試下正確的用戶名&錯誤的密碼:

最后輸入正確的密碼:

可以看到網(wǎng)站很好的工作了起來,由于還沒有主頁,所以登錄成功后也僅僅給出了提示,若要跳轉(zhuǎn),使用js的
window.location.href="跳轉(zhuǎn)頁面"就可以了。
至此,一個簡單的登錄功能就完成了。但是實際的登錄邏輯是比這要復雜一些的,比如密碼的處理,以及使用session保持登錄的狀態(tài)等,需要在實現(xiàn)注冊和主頁時,再詳細展開。
本項目源碼已同步到github上,如需查看,同步下來后,配置一下數(shù)據(jù)庫即可。
奉上github地址:https://github.com/LtLei/PHPLearn。