Comment implémenter la vérification de la connexion des utilisateurs à l'aide de PHP et UniApp

Comment implémenter la vérification de la connexion utilisateur à l'aide de PHP et UniApp

Introduction :
La vérification de la connexion utilisateur est une fonction très importante lors du développement d'une application ou d'un site Web. Cet article explique comment utiliser PHP et UniApp pour implémenter la vérification de la connexion des utilisateurs.

1. Partie back-end : code PHP

1. Créer une base de données
   Tout d'abord, nous devons créer une base de données pour stocker les informations de connexion de l'utilisateur. Vous pouvez utiliser phpMyAdmin ou d'autres outils de gestion de base de données pour créer une base de données nommée « utilisateurs » et créer une table de données nommée « utilisateurs » contenant deux champs : « nom d'utilisateur » et « mot de passe ».
2. Créer un fichier PHP
   Côté serveur, nous devons créer un fichier PHP pour gérer les demandes de connexion des utilisateurs et vérifier les informations des utilisateurs. Vous pouvez utiliser le code suivant :

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

   // 获取用户输入的用户名和密码
   $username = $_POST['username'];
   $password = $_POST['password'];

   // 查询数据库中是否存在匹配的记录
   $result = mysqli_query($conn, "SELECT * FROM users WHERE username='$username' AND password='$password'");

   // 判断是否存在匹配的记录
   if(mysqli_num_rows($result) > 0){
      echo "登录成功";
   } else{
      echo "登录失败";
   }

   // 关闭数据库连接
   mysqli_close($conn);
?>

2. Partie front-end : Code UniApp

1. Créer une page de connexion
   Dans UniApp, nous pouvons utiliser Vue.js pour créer la page de connexion. Vous pouvez créer un fichier Login.vue dans le répertoire des pages, contenant des zones de saisie pour le nom d'utilisateur et le mot de passe, ainsi qu'un bouton de connexion. Voici un exemple de code :

<template>
  <div>
    <input v-model="username" type="text" placeholder="请输入用户名" />
    <input v-model="password" type="password" placeholder="请输入密码" />
    <button @click="login">登录</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      username: '',
      password: ''
    };
  },
  methods: {
    login() {
      uni.request({
        url: 'http://localhost/login.php',
        method: 'POST',
        data: {
          username: this.username,
          password: this.password
        },
        success: res => {
          if (res.data === '登录成功') {
            uni.showToast({
              title: '登录成功',
              icon: 'success'
            });
          } else {
            uni.showToast({
              title: '登录失败',
              icon: 'none'
            });
          }
        },
        fail: err => {
          console.log(err);
        }
      });
    }
  }
};
</script>

2. Envoyer une demande de connexion
   Dans l'événement de clic sur le bouton de connexion sur la page de connexion, nous utilisons la fonction uni.request pour envoyer une demande de connexion au serveur. Voici un exemple de code :

uni.request({
  url: 'http://localhost/login.php',
  method: 'POST',
  data: {
    username: this.username,
    password: this.password
  },
  success: res => {
    if (res.data === '登录成功') {
      uni.showToast({
        title: '登录成功',
        icon: 'success'
      });
    } else {
      uni.showToast({
        title: '登录失败',
        icon: 'none'
      });
    }
  },
  fail: err => {
    console.log(err);
  }
});

À ce stade, nous avons implémenté la méthode de vérification de la connexion de l'utilisateur via PHP et UniApp. Lorsque l'utilisateur saisit le nom d'utilisateur et le mot de passe dans UniApp et clique sur le bouton de connexion, UniApp envoie une demande de connexion au serveur. Le serveur vérifie les informations de l'utilisateur via le code PHP et renvoie le résultat de connexion à UniApp pour traitement.

Résumé :
Cet article explique comment implémenter la vérification de la connexion des utilisateurs à l'aide de PHP et UniApp. Grâce aux étapes ci-dessus, nous pouvons implémenter la fonction de connexion utilisateur dans UniApp et réaliser une interaction des données avec le serveur principal pour obtenir l'effet de vérification de la connexion utilisateur. J'espère que cet article vous aidera !

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!