Comment utiliser HTML et PHP pour implémenter l'interface de connexion et d'inscription

Avec le développement d'Internet, divers sites Web et applications sont devenus un élément essentiel de la vie quotidienne des gens. Parmi elles, la connexion et l’enregistrement sont l’une des fonctions les plus élémentaires. Pour les développeurs, la mise en œuvre des interfaces de connexion et d’enregistrement est une tâche basique. Dans cet article, nous présenterons comment utiliser HTML et PHP pour implémenter l'interface de connexion et d'enregistrement.

Que sont HTML et PHP ?

HTML est le langage standard pour créer des pages Web. Il utilise le balisage pour décrire la structure et le contenu d'une page Web. Le balisage en HTML est généralement une combinaison de balises et d'attributs, tels que

et . PHP est un langage de script côté serveur qui peut être utilisé pour créer des pages Web et des applications Web dynamiques. PHP est souvent utilisé conjointement avec des bases de données pour générer du contenu dynamique en récupérant des données de la base de données.

Implémentation HTML du formulaire d'inscription

Pour créer un formulaire d'inscription, nous devons utiliser HTML. Les éléments de formulaire HTML permettent aux utilisateurs de saisir des données sur une page Web et de les soumettre au serveur. Vous trouverez ci-dessous un simple formulaire HTML contenant quelques champs de saisie de base tels que le nom d'utilisateur, l'e-mail et le mot de passe :

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

Dans le code ci-dessus, nous avons utilisé la balise form pour créer un formulaire. Parmi eux, l'attribut action spécifie l'adresse à laquelle les données du formulaire doivent être soumises, et l'attribut méthode spécifie la méthode de soumission des données. Dans notre exemple, nous soumettons le formulaire à un fichier appelé register.php, en utilisant la méthode POST pour soumettre les données.

Ensuite, nous utilisons la balise label pour étiqueter le champ de saisie et la balise input pour créer le champ de saisie. Ici, nous avons utilisé un champ de saisie de texte, un champ de saisie d'e-mail et un champ de saisie de mot de passe. Chaque champ de saisie a un nom qui peut être identifié grâce à l'attribut name.

Enfin, nous avons ajouté un bouton qui, lorsque l'utilisateur clique dessus, les données du formulaire seront soumises au serveur.

PHP implémente le backend d'enregistrement

Lorsque l'utilisateur clique sur le bouton "S'inscrire", les données du formulaire seront soumises au fichier register.php que nous avons spécifié. Maintenant, nous devons traiter les données du formulaire via PHP et les stocker dans la base de données.

Voici un simple script PHP pour créer un utilisateur et le stocker dans la base de données :

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

Dans le code ci-dessus, nous utilisons d'abord $_POST pour obtenir les données du formulaire. Ensuite, nous nous connectons à la base de données MySQL et exécutons la requête SQL à l'aide de la fonction mysqli_query. Nous effectuons également des vérifications d'erreurs de base, telles que la vérification que les noms d'utilisateur sont uniques.

Si l'inscription réussit, nous enverrons un simple message à l'utilisateur.

Implémentation HTML du formulaire de connexion

Maintenant, nous avons créé un formulaire d'inscription et l'avons stocké dans la base de données. Ensuite, nous devons créer un formulaire de connexion.

Ci-dessous un simple formulaire HTML avec des champs nom et mot de passe :

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

Contrairement au formulaire d'inscription, nous n'avons que deux champs, nom d'utilisateur et mot de passe. Lorsque l'utilisateur clique sur le bouton « Connexion », les données du formulaire sont soumises à un fichier appelé login.php.

Implémentation PHP du backend de connexion

Lorsqu'un utilisateur soumet le formulaire de connexion, nous devons vérifier ses informations d'identification via PHP afin qu'il puisse être redirigé vers la bonne page. Voici un simple script PHP pour vérifier les informations d'identification de l'utilisateur :

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

Dans le code ci-dessus, nous utilisons d'abord $_POST pour obtenir les données du formulaire soumises par l'utilisateur. Ensuite, nous nous connectons à la base de données MySQL et exécutons la requête SQL à l'aide de la fonction mysqli_query.

Nous vérifions si le nom d'utilisateur et le mot de passe sont corrects, si c'est le cas nous redirigeons l'utilisateur vers une page appelée Dashboard.php. Sinon, nous afficherons un message d'erreur à l'utilisateur.

Résumé

Dans cet article, nous avons appris à utiliser HTML et PHP pour implémenter l'interface de connexion et d'inscription. Nous avons créé un formulaire d'inscription pour collecter les données des utilisateurs et les stocker dans une base de données MySQL. Nous avons également créé un formulaire de connexion qui valide les informations d'identification des utilisateurs et les redirige vers la bonne page. Nous espérons que cet article vous a aidé à mieux comprendre comment utiliser HTML et PHP pour implémenter les fonctionnalités de base de connexion et d'enregistrement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!