ログイン機能を実装するためのPHPの関連コード分析-PHPチュートリアル-php.cn

ログイン機能を実装するためのPHPの関連コード分析

jacklove

リリース： 2023-03-31 16:40:01

オリジナル

1523 人が閲覧しました

当然のことながら、最初のタスクはログイン操作の実行でしたが、思ったほど単純ではありませんでした。

1. まず、データベースを接続して作成します。

この部分は、フロントエンドページを作成するために書きました。フロントエンドフレームワークに習熟するために、layui フレームワークがインターフェイスを作成し、その前にユーザー名とパスワードの入力が空かどうかを判断するための JS コードがあります

$userName=&#39;root&#39;;
$passWord=&#39;&#39;;
$host=&#39;localhost&#39;;
$dataBase=&#39;login&#39;;
//创建连接
$conn=mysqli_connect($host,$userName,$passWord,$dataBase);

ログイン後にコピー

3 を使用しました。 login.php は、ユーザー名とパスワードが正しいかどうかを判断するために使用されます。これについてはインターネットで調べました。さまざまな方法があります。障害に遭遇する前に、まず単純なフォームを使用することにしました。ユーザー名とパスワードの結果セットをクエリする SQL ステートメント。結果セットが空の場合、ユーザーは存在しません。

<!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>

ログイン後にコピー

4. ファイルディレクトリ

5. 効果