Maison > développement back-end > Problème PHP > Un exemple explique comment implémenter la fonction de sauvegarde et de modification sur une seule ligne dans une table PHP

Un exemple explique comment implémenter la fonction de sauvegarde et de modification sur une seule ligne dans une table PHP

PHPz
Libérer: 2023-04-04 13:22:01
original
700 Les gens l'ont consulté

Avec le développement croissant de la technologie réseau, les applications Web deviennent de plus en plus populaires. De nombreux webmasters écrivent leurs propres sites Web en langage PHP. En fait, la fonction table du site Web est ce dont nous avons besoin dans notre vie quotidienne, ainsi que la modification et la modification. La fonction de sauvegarde est également indispensable. Aujourd'hui, nous allons parler de la façon d'implémenter la fonction de sauvegarde et de modification sur une seule ligne dans les tables PHP.

  1. Comment générer une table

Tout d'abord, nous devons avoir une table, qui peut récupérer les données de la base de données, puis les générer. En php, nous pouvons utiliser la boucle for pour générer des tables.

<table>
    <tr>
        <th>姓名</th>
        <th>性别</th>
        <th>年龄</th>
        <th>邮箱</th>
    </tr>
    <?php
        for ($i=0; $i<count($data); $i++) {
            echo "<tr>";
            echo "<td>" . $data[$i]['name'] . "</td>";
            echo "<td>" . $data[$i]['sex'] . "</td>";
            echo "<td>" . $data[$i]['age'] . "</td>";
            echo "<td>" . $data[$i]['email'] . "</td>";
            echo "</tr>";
        }
    ?>
</table>
Copier après la connexion

Dans le code ci-dessus, nous utilisons une boucle for pour parcourir les données extraites de la base de données, puis les affichons dans le tableau.

  1. Comment ajouter des fonctions de modification et d'enregistrement dans le tableau

Dans le tableau, nous devons ajouter des boutons de modification et d'enregistrement pour chaque ligne. Lors de l'ajout de boutons de modification, nous pouvons ajouter un bouton à la dernière colonne de chaque ligne ou ajouter un bouton de modification à la dernière cellule de chaque colonne de chaque ligne. La deuxième méthode est utilisée ci-dessous :

<table>
    <tr>
        <th>姓名</th>
        <th>性别</th>
        <th>年龄</th>
        <th>邮箱</th>
        <th>操作</th>
    </tr>
    <?php
        for ($i=0; $i<count($data); $i++) {
            echo "<tr>";
            echo "<td>" . $data[$i]['name'] . "</td>";
            echo "<td>" . $data[$i]['sex'] . "</td>";
            echo "<td>" . $data[$i]['age'] . "</td>";
            echo "<td>" . $data[$i]['email'] . "</td>";
            echo "<td><input type=&#39;button&#39; value=&#39;修改&#39;></td>";
            echo "</tr>";
        }
    ?>
</table>
Copier après la connexion

Dans le code ci-dessus, nous avons ajouté un bouton de modification à chaque ligne.

  1. Comment implémenter l'opération de modification

Après avoir cliqué sur le bouton Modifier, nous devons afficher les données de cette ligne dans le formulaire, puis l'utilisateur peut modifier les données dans le formulaire. Après avoir modifié les données, nous devons les sauvegarder dans la base de données.

Tout d'abord, nous devons afficher les données de la ligne actuelle dans le formulaire.

<form method=&#39;post&#39; action=&#39;save.php&#39;>
    <label>姓名:<input type=&#39;text&#39; name=&#39;name&#39; value=&#39;<?php echo $data[0][&#39;name&#39;] ?>'></label>
    <label>性别:<input type=&#39;text&#39; name=&#39;sex&#39; value=&#39;<?php echo $data[0][&#39;sex&#39;] ?>'></label>
    <label>年龄:<input type=&#39;text&#39; name=&#39;age&#39; value=&#39;<?php echo $data[0][&#39;age&#39;] ?>'></label>
    <label>邮箱:<input type=&#39;text&#39; name=&#39;email&#39; value=&#39;<?php echo $data[0][&#39;email&#39;] ?>'></label>
    <input type=&#39;hidden&#39; name=&#39;id&#39; value=&#39;<?php echo $data[0][&#39;id&#39;] ?>'>
    <input type=&#39;submit&#39; value=&#39;保存&#39;>
</form>
Copier après la connexion

Une fois que l'utilisateur a terminé la modification, les nouvelles données doivent être enregistrées dans la base de données. Généralement, nous utiliserons ajax pour soumettre les données du formulaire.

<script>
$(function(){
    $("form").submit(function(){
        var data = $(this).serialize();
        $.ajax({
            type: 'POST',
            url: 'save.php',
            data: data,
            dataType: 'json',
            success: function(data){
                if (data.result == 'success') {
                    alert('保存成功!');
                } else {
                    alert('保存失败,请检查!');
                }
            }
        });
        return false;
    });
});
</script>
Copier après la connexion

Dans le code ci-dessus, nous utilisons la méthode ajax de jQuery pour soumettre les données du formulaire.

Enfin, nous devons enregistrer cette ligne de données dans la base de données dans save.php.

$id = $_POST['id'];
$name = $_POST['name'];
$sex = $_POST['sex'];
$age = $_POST['age'];
$email = $_POST['email'];

$sql = "UPDATE `table_name` SET `name`='$name', `sex`='$sex', `age`='$age', `email`='$email' WHERE `id`='$id'";
$result = mysql_query($sql);

if ($result) {
    $data['result'] = 'success';
} else {
    $data['result'] = 'fail';
}

echo json_encode($data);
Copier après la connexion

Dans save.php, nous recevons les données soumises par le formulaire, mettons à jour les données modifiées dans la base de données et renvoyons un résultat au format json. À ce stade, la fonction de sauvegarde des modifications sur une seule ligne du formulaire PHP a été implémentée.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal