Verwendung von HTML und PHP zur Implementierung der Anmelde- und Registrierungsschnittstelle

Mit der Entwicklung des Internets sind verschiedene Websites und Anwendungen zu einem wesentlichen Bestandteil des täglichen Lebens der Menschen geworden. Dabei gehören Anmeldung und Registrierung zu den grundlegendsten Funktionen. Für Entwickler ist die Implementierung von Anmelde- und Registrierungsschnittstellen eine grundlegende Aufgabe. In diesem Artikel stellen wir vor, wie Sie HTML und PHP zur Implementierung der Anmelde- und Registrierungsschnittstelle verwenden.

Was sind HTML und PHP?

HTML ist die Standardsprache zum Erstellen von Webseiten. Es verwendet Markup, um die Struktur und den Inhalt einer Webseite zu beschreiben. Markup in HTML ist normalerweise eine Kombination aus Tags und Attributen, wie z. B.

und . PHP ist eine serverseitige Skriptsprache, mit der dynamische Webseiten und Webanwendungen erstellt werden können. PHP wird häufig in Verbindung mit Datenbanken verwendet, um dynamische Inhalte durch den Abruf von Daten aus der Datenbank zu generieren.

HTML-Implementierung des Registrierungsformulars

Um ein Registrierungsformular zu erstellen, müssen wir HTML verwenden. Formularelemente in HTML ermöglichen Benutzern die Eingabe von Daten auf einer Webseite und deren Übermittlung an den Server. Unten sehen Sie ein einfaches HTML-Formular, das einige grundlegende Eingabefelder wie Benutzername, E-Mail-Adresse und Passwort enthält:

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

Im obigen Code haben wir das Formular-Tag verwendet, um ein Formular zu erstellen. Unter diesen gibt das Aktionsattribut die Adresse an, an die die Formulardaten gesendet werden sollen, und das Methodenattribut gibt die Methode zum Senden der Daten an. In unserem Beispiel senden wir das Formular an eine Datei namens register.php und verwenden die POST-Methode zum Senden der Daten.

Als nächstes markieren wir das Eingabefeld mit dem Label-Tag und erstellen mit dem Input-Tag das Eingabefeld. Hier haben wir ein Texteingabefeld, ein E-Mail-Eingabefeld und ein Passwort-Eingabefeld verwendet. Jedes Eingabefeld hat einen Namen, der über das Namensattribut identifiziert werden kann.

Schließlich haben wir eine Schaltfläche hinzugefügt, mit der die Formulardaten an den Server übermittelt werden, wenn der Benutzer darauf klickt.

PHP implementiert das Registrierungs-Backend

Wenn der Benutzer auf die Schaltfläche „Registrieren“ klickt, werden die Formulardaten an die von uns angegebene Datei register.php übermittelt. Jetzt müssen wir die Formulardaten über PHP verarbeiten und in der Datenbank speichern.

Hier ist ein einfaches PHP-Skript zum Erstellen eines Benutzers und zum Speichern in der Datenbank:

<?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 "注册成功！";
?>

Im obigen Code verwenden wir zuerst $_POST, um die Formulardaten abzurufen. Als nächstes verbinden wir uns mit der MySQL-Datenbank und führen die SQL-Abfrage mit der Funktion mysqli_query aus. Wir führen auch einige grundlegende Fehlerprüfungen durch, z. B. die Überprüfung, ob Benutzernamen eindeutig sind.

Wenn die Registrierung erfolgreich ist, geben wir eine einfache Nachricht an den Benutzer aus.

HTML-Implementierung des Anmeldeformulars

Jetzt haben wir ein Anmeldeformular erstellt und in der Datenbank gespeichert. Als nächstes müssen wir ein Anmeldeformular erstellen.

Unten ist ein einfaches HTML-Formular mit Namens- und Passwortfeldern:

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

Im Gegensatz zum Registrierungsformular haben wir nur zwei Felder, Benutzername und Passwort. Wenn der Benutzer auf die Schaltfläche „Anmelden“ klickt, werden die Formulardaten an eine Datei namens login.php übermittelt.

PHP implementiertes Login-Backend

Wenn ein Benutzer das Login-Formular absendet, müssen wir seine Anmeldeinformationen über PHP überprüfen, damit er auf die richtige Seite weitergeleitet werden kann. Unten ist ein einfaches PHP-Skript zum Überprüfen der Benutzeranmeldeinformationen:

<?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("无效的用户名或密码！");
}
?>

Im obigen Code verwenden wir zuerst $_POST, um die vom Benutzer übermittelten Formulardaten abzurufen. Als nächstes verbinden wir uns mit der MySQL-Datenbank und führen die SQL-Abfrage mit der Funktion mysqli_query aus.

Wir prüfen, ob Benutzername und Passwort korrekt sind. Wenn ja, leiten wir den Benutzer auf eine Seite namens Dashboard.php weiter. Andernfalls zeigen wir dem Benutzer eine Fehlermeldung an.

Zusammenfassung

In diesem Artikel haben wir gelernt, wie man HTML und PHP verwendet, um die Anmelde- und Registrierungsschnittstelle zu implementieren. Wir haben ein Registrierungsformular erstellt, um Benutzerdaten zu sammeln und diese in einer MySQL-Datenbank zu speichern. Wir haben außerdem ein Anmeldeformular erstellt, das Benutzeranmeldeinformationen validiert und sie auf die richtige Seite weiterleitet. Wir hoffen, dass Ihnen dieser Artikel dabei geholfen hat, besser zu verstehen, wie Sie mit HTML und PHP grundlegende Anmelde- und Registrierungsfunktionen implementieren.

Das obige ist der detaillierte Inhalt vonVerwendung von HTML und PHP zur Implementierung der Anmelde- und Registrierungsschnittstelle. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!