首頁 > 後端開發 > php教程 > php實作登入功能的相關程式碼解析

php實作登入功能的相關程式碼解析

jacklove
發布: 2023-03-31 16:40:01
原創
1548 人瀏覽過

開始自然是從最簡單的功能起步,我第一個任務選擇了做一個登入操作,其實也沒想像中那麼簡單。

1.首先自然是連接和創建資料庫

這部分我寫在model.php中

$userName='root';
$passWord='';
$host='localhost';
$dataBase='login';
//创建连接
$conn=mysqli_connect($host,$userName,$passWord,$dataBase);
登入後複製

2.寫前台頁面,為了熟練前端框架,用了layui框架讓介面,前面有一段js程式碼,來判斷使用者名稱密碼輸入是否為空

<!DOCTYPE html>
<html lang="en">
<script src="layui.js";></script>
<link rel="stylesheet" href="layui.css" ;>
<head>
    <meta charset="UTF-8">
    <title>注册登录</title>
</head>
<script language=JavaScript>
    function InputCheck()
    {
        if (Login.username.value == "")
            {
             alert("请输入用户名!");
             Login.username.focus();
             return (false);
             }
        if (Login.password.value == "")
             {
               alert("请输入密码!");
               Login.password.focus();
            return (false);
             }
         }
</script>
<body style="background: #1E9FFF">
<p style="position: absolute; left: 50%; top: 50%;width: 500px; margin-left:-250px; margin-top: -200px">
    <p style="background: #FFFFFF; padding: 20px;border-radius: 4px;box-shadow: 5px 5px 20px #444444" >
        <p class="layui-form">
            <form action="login.php" method="post" name="Login" onsubmit="return InputCheck()">
                <p class="layui-form-item" style="color: gray">
                    <h2>注册登录系统</h2>
                </p>
                <hr>
                <p class="layui-form-item">
                    <label class="layui-form-label">用户名</label>
                    <p class="layui-input-block">
                        <input type="text" name="username" id="username" placeholder="用户名" autocomplete="off" class="layui-input">
                    </p>
                </p>
                <p class="layui-form-item">
                    <label class="layui-form-label">密    码</label>
                    <p class="layui-input-block">
                        <input type="password" name="password" id="password" placeholder="密码" autocomplete="off" class="layui-input">
                    </p>
                </p>
                <p class="layui-form-item">
                    <p class="layui-input-block";>
                        <input type="submit" value="登录" class="layui-btn">
                        <input type="button" value="注册" class="layui-btn">
                    </p>
                </p>
            </form>
        </p>
    </p>
</p>
</body>
</html>
登入後複製

3.login.php 用來判斷使用者名稱密碼的正確性,關於這一點我看了網路上的很多方法,五花八門,在我沒遇到障礙之前,我決定先用簡單的形式,就是用sql語句查詢用戶名配上密碼的結果集,結果集為空,則不存在該用戶。

<?php
//数据库连接
require_once &#39;model.php&#39;;
//从登录页接受来的数据
$name=$_POST[&#39;username&#39;];
$pwd=$_POST[&#39;password&#39;];
$sql="select id,username,password from user where username=&#39;$name&#39; AND password=&#39;$pwd&#39;;";
$result=mysqli_query($conn,$sql);
$row=mysqli_num_rows($result);
if(!$row){
        echo "<script>alert(&#39;密码错误,请重新输入&#39;);location=&#39;login.html&#39;</script>";
    }
    else{
        echo "<script>alert(&#39;登录成功&#39;);location=&#39;123&#39;</script>";
    };
登入後複製

4.檔案目錄

5.效果



6.小結

整體而言不是特別困難,因為功能十分簡單,下一步的任務是加入註冊功能,以及驗證碼功能。

本文說明了php實作登入功能的相關程式碼,更多相關內容請關注php中文網。

相關推薦:
JavaScript相關的內容解說

#關於HTML基礎的講解

$.ajax php實戰教程之下拉時自動載入更多文章原理講解

#

以上是php實作登入功能的相關程式碼解析的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
php
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板