HTML と PHP を使用してログインおよび登録インターフェイスを実装する方法

インターネットの発展に伴い、さまざまな Web サイトやアプリケーションが人々の日常生活に欠かせないものになりました。その中でも、ログインと登録は最も基本的な機能の 1 つです。開発者にとって、ログインおよび登録インターフェイスの実装は基本的なタスクです。この記事では、HTML と PHP を使用してログインおよび登録インターフェイスを実装する方法を紹介します。

HTML と PHP とは何ですか?

HTML は、Web ページの作成に使用される標準言語です。マークアップを使用して、Web ページの構造とコンテンツを記述します。 HTML のマークアップは通常、

や などのタグと属性の組み合わせです。 PHP は、動的な Web ページや Web アプリケーションの作成に使用できるサーバー側スクリプト言語です。 PHP は、データベースからデータを取得して動的コンテンツを生成するために、データベースと組み合わせて使用​​されることがよくあります。

登録フォームの HTML 実装

登録フォームを作成するには、HTML を使用する必要があります。 HTML のフォーム要素を使用すると、ユーザーは Web ページにデータを入力し、サーバーに送信できます。以下は、ユーザー名、電子メール、パスワードなどの基本的な入力フィールドを含む単純な HTML フォームです。

<form action="register.php" method="post">
  <label for="username">用户名:</label>
  <input type="text" id="username" name="username" required>

  <label for="email">电子邮件:</label>
  <input type="email" id="email" name="email" required>

  <label for="password">密码:</label>
  <input type="password" id="password" name="password" required>

  <button type="submit">注册</button>
</form>

上記のコードでは、form タグを使用してフォームを作成しました。このうち、action 属性はフォームデータの送信先アドレスを指定し、method 属性はデータの送信方法を指定します。この例では、POST メソッドを使用してデータを送信し、register.php というファイルにフォームを送信します。

次に、label タグを使用して入力フィールドをマークし、input タグを使用して入力フィールドを作成します。ここではテキスト入力フィールド、メール入力フィールド、パスワード入力フィールドを使用していますが、各入力フィールドには name 属性によって識別できる名前が付けられています。

最後に、ユーザーがクリックするとフォーム データがサーバーに送信されるボタンを追加しました。

PHP は登録バックエンドを実装します

ユーザーが「登録」ボタンをクリックすると、フォーム データが指定した register.php ファイルに送信されます。次に、PHP を通じてフォーム データを処理し、データベースに保存する必要があります。

ユーザーを作成してデータベースに保存する簡単な PHP スクリプトを次に示します。

<?php
//获取表单数据
$username = $_POST[&#39;username&#39;];
$email = $_POST[&#39;email&#39;];
$password = $_POST[&#39;password&#39;];

//连接数据库
$conn = mysqli_connect("localhost", "root", "", "users");

//检查用户名是否唯一
$query = "SELECT * FROM users WHERE username=&#39;$username&#39;";
$result = mysqli_query($conn, $query);
if (mysqli_num_rows($result) > 0) {
  die("用户名已存在！");
}

//插入用户数据到数据库中
$query = "INSERT INTO users (username, email, password) VALUES ('$username', '$email', '$password')";
mysqli_query($conn, $query);

//输出成功信息
echo "注册成功！";
?>

上記のコードでは、最初に $_POST を使用してフォーム データを取得します。次に、MySQL データベースに接続し、mysqli_query 関数を使用して SQL クエリを実行します。また、ユーザー名が一意であるかどうかのチェックなど、いくつかの基本的なエラー チェックも実行します。

登録が成功すると、ユーザーに簡単なメッセージが出力されます。

ログイン フォームの HTML 実装

これで、登録フォームを作成し、データベースに保存しました。次に、ログインフォームを作成する必要があります。

これは、名前とパスワードのフィールドを持つ単純な HTML フォームです:

<form action="login.php" method="post">
  <label for="username">用户名:</label>
  <input type="text" id="username" name="username" required>

  <label for="password">密码:</label>
  <input type="password" id="password" name="password" required>

  <button type="submit">登录</button>
</form>

登録フォームとは異なり、フィールドはユーザー名とパスワードの 2 つだけです。ユーザーが「ログイン」ボタンをクリックすると、フォームデータがlogin.phpというファイルに送信されます。

ログイン バックエンドの PHP 実装

ユーザーがログイン フォームを送信するとき、正しいページにリダイレクトできるように、PHP を介して資格情報を検証する必要があります。以下は、ユーザーの資格情報を確認するための簡単な PHP スクリプトです。

<?php
//获取表单数据
$username = $_POST[&#39;username&#39;];
$password = $_POST[&#39;password&#39;];

//连接数据库
$conn = mysqli_connect("localhost", "root", "", "users");

//检查用户凭据
$query = "SELECT * FROM users WHERE username=&#39;$username&#39; AND password=&#39;$password&#39;";
$result = mysqli_query($conn, $query);
if (mysqli_num_rows($result) == 1) {
  header("Location: dashboard.php");
} else {
  die("无效的用户名或密码！");
}
?>

上記のコードでは、まず $_POST を使用して、ユーザーが送信したフォーム データを取得します。次に、MySQL データベースに接続し、mysqli_query 関数を使用して SQL クエリを実行します。

ユーザー名とパスワードが正しいかどうかを確認し、正しい場合はユーザーをdashboard.phpというページにリダイレクトします。それ以外の場合は、ユーザーにエラー メッセージが表示されます。

概要

この記事では、HTML と PHP を使用してログインおよび登録インターフェイスを実装する方法を学びました。ユーザー データを収集し、MySQL データベースに保存するための登録フォームを作成しました。また、ユーザーの資格情報を検証し、正しいページにリダイレクトするログイン フォームも作成しました。この記事が、HTML と PHP を使用して基本的なログインおよび登録機能を実装する方法をより深く理解するのに役立つことを願っています。

以上がHTML と PHP を使用してログインおよび登録インターフェイスを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。