Comment effectuer des opérations d'ajout, de suppression, de modification et de vérification en php+layui

PHP et Layui sont actuellement des technologies de développement Web très populaires. PHP est un langage de programmation open source à usage général orienté objet, tandis que Layui est un framework d'interface utilisateur frontal léger. Dans cet article, nous verrons comment utiliser PHP et Layui pour effectuer des opérations d'ajout, de suppression, de modification et de requête.

Tout d’abord, nous avons besoin d’une base de données pour stocker les données. Supposons que nous utilisions MySQL comme base de données et que nous y ayons créé une table de données nommée « utilisateurs ». La table de données contient les champs suivants :

• id : identifiant d'utilisateur, type numérique à augmentation automatique
• name : nom d'utilisateur, type de chaîne
• email : adresse e-mail, type de chaîne
• mot de passe : mot de passe, type de chaîne

Suivant , nous devons créer un fichier PHP pour nous connecter à la base de données. Dans ce fichier PHP, nous pouvons utiliser le code suivant pour créer une connexion :

$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";

// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);

// 检测连接
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
} 
echo "连接成功";

Une fois la connexion réussie, nous devons définir certaines fonctions pour effectuer des opérations d'ajout, de suppression, de modification et de vérification. Voici un exemple de fonction utilisée pour obtenir toutes les informations des utilisateurs de la base de données :

function getUsers() {
    $sql = "SELECT * FROM users";
    $result = $conn->query($sql);
    
    if ($result->num_rows > 0) {
        // 输出数据
        while($row = $result->fetch_assoc()) {
            echo "id: " . $row["id"]. " - Name: " . $row["name"]. " - Email: " . $row["email"]. "<br>";
        }
    } else {
        echo "0 结果";
    }
}

Nous devons également écrire d'autres fonctions pour effectuer des opérations telles que l'insertion, la mise à jour et la suppression d'utilisateurs. Par exemple, voici un exemple de fonction utilisée pour insérer un nouvel utilisateur dans la base de données :

function addUser($name, $email, $password) {
    $sql = "INSERT INTO users (name, email, password) VALUES ('$name', '$email', '$password')";
    
    if ($conn->query($sql) === TRUE) {
        echo "新纪录插入成功";
    } else {
        echo "Error: " . $sql . "<br>" . $conn->error;
    }
}

Plus précisément, nous devons définir certaines zones de saisie qui transmettent les paramètres de saisie de l'utilisateur. C'est là qu'intervient Layui. Layui encapsule une variété de composants de formulaire, tels que des zones de saisie, des boutons, des listes déroulantes, etc. Nous pouvons utiliser ces composants pour implémenter des interfaces utilisateur. Par exemple, nous pouvons ajouter le code suivant à la page :

<form class="layui-form" action="">
  <div class="layui-form-item">
    <label class="layui-form-label">用户名</label>
    <div class="layui-input-block">
      <input type="text" name="name" lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
    </div>
  </div>
  
  <div class="layui-form-item">
    <label class="layui-form-label">电子邮件地址</label>
    <div class="layui-input-block">
      <input type="text" name="email" lay-verify="email" placeholder="请输入电子邮件地址" autocomplete="off" class="layui-input">
    </div>
  </div>

  <div class="layui-form-item">
    <label class="layui-form-label">密码</label>
    <div class="layui-input-block">
      <input type="password" name="password" lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
    </div>
  </div>

  <div class="layui-form-item">
    <div class="layui-input-block">
      <button class="layui-btn" lay-submit lay-filter="addUser">提交</button>
    </div>
  </div>
</form>

Après avoir cliqué sur le bouton de soumission, nous pouvons utiliser le code suivant pour appeler la fonction addUser et insérer un nouvel utilisateur :

layui.use(['form'], function () {
    var form = layui.form,
        layer = layui.layer;
    
    form.on('submit(addUser)', function (data) {
        //获取用户输入数据
        var name = data.field.name,
            email = data.field.email,
            password = data.field.password;
            
        //调用addUser函数插入新用户
        addUser(name, email, password);
        
        //清空输入框
        $('form')[0].reset();
        
        return false;
    });
});

De même, nous pouvons utiliser une méthode similaire pour créer d'autres fonctions et ajouter Ils sont liés aux composants Layui correspondants pour implémenter les fonctions d'interrogation, de mise à jour et de suppression d'utilisateurs.

En résumé, nous avons appris à utiliser PHP et Layui pour effectuer des opérations d'ajout, de suppression, de modification et de vérification. Bien entendu, nous devons le modifier et l’étendre en fonction des besoins réels des applications pratiques.

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!