ホームページ > 記事 > バックエンド開発 > ログイン機能を実装するためのPHPの関連コード分析

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

jackloveオリジナル: 2018-06-11 22:15:321473ブラウズ

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

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. 効果

6. まとめ

全体的には非常にシンプルな機能なので特に難しいことはありません。次に登録機能と認証コード機能を追加します。

この記事では、ログイン機能を実装するための php の関連コードについて説明します。さらに関連する内容については、php 中国語 Web サイトを参照してください。

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

関連記事