ThinkPHP初學者:寫一個簡單登錄頁面(二)

前文鏈接《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,先輸入一個不存在的用戶名:

image.png

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

image.png

最后輸入正確的密碼:

image.png

可以看到網(wǎng)站很好的工作了起來,由于還沒有主頁,所以登錄成功后也僅僅給出了提示,若要跳轉(zhuǎn),使用js的
window.location.href="跳轉(zhuǎn)頁面"就可以了。

至此,一個簡單的登錄功能就完成了。但是實際的登錄邏輯是比這要復雜一些的,比如密碼的處理,以及使用session保持登錄的狀態(tài)等,需要在實現(xiàn)注冊和主頁時,再詳細展開。

本項目源碼已同步到github上,如需查看,同步下來后,配置一下數(shù)據(jù)庫即可。

奉上github地址:https://github.com/LtLei/PHPLearn。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容