Contacts App ب Axios & Php الجزء الثاني

Contacts App ب Axios & Php الجزء الثاني


فهاد الجزء الثاني من Contacts App ب Axios & Php غادي نكملوا الملفات ديالنا غادي نقادو الملفات الخاصة بإضافة contact لقاعدة البيانات وكذالك استرجاع contact اختاريناه تعديل المعلومات الخاصة أو حذفوا نهائيا من قاعدة البيانات.

نظرة سريعة بالفيديو

1- إضافة contact قاعدة البيانات

باش نزيدو contact فقاعدة البيانات غادي نزيدو ملف نسميوه add.php منبعد متزيدو غادي يكون فيه الكود لي كيمكن من :
- استرجاع القيم لي جاونا من الحقول ولي غادي يكونوا على شكل json من بعد ب json_encode كنحولوهم ل string.
- إضافة القيم فقاعدة البيانات وعرض رسالة نجاح فحالة النجاح والفشل فحالة الفشل.
الكود لي زدنا هو : 

                                <?php 
include('database/database.php');
//decode json data
$_POST = json_decode(file_get_contents('php://input'), true);
if(isset($_POST) && !empty($_POST)){
    $nom = htmlspecialchars(trim($_POST['nom']));
    $prenom = htmlspecialchars(trim($_POST['prenom']));
    $tel = htmlspecialchars(trim($_POST['tel']));

    $query = "INSERT INTO contacts
            (  nom , prenom ,  tel ) 
            VALUES ('$nom','$prenom','$tel')";
        if(mysqli_query($con,$query)){
            echo '<div class="alert alert-success">Contact ajouté</div>';
        }else{
            echo 'erreur'.mysqli_error($con);
        }

}
                            

2- استرجاع les contacts من قاعدة البيانات

باش نسترجعوا les contacts من قاعدة البيانات غادي نزيدو ملف نسميوه get-contacts.php منبعد متزيدو غادي يكون فيه الكود لي كيمكن من :
- استرجاع القيم من قاعدة البيانات وعرضها داخل جدول مع إضافة روابط لي كتمكن من تعديل وحذف contact.
- ملي كنكليكي على اي رابط فيهم كتنفذ fonction لي كتاخذ ل id ديال ل contact هاد les fonctions غادي نزيدهم ف main.js .
الكود لي زدنا هو : 

                                <?php 
include('database/database.php');

    $sql = 'SELECT * FROM contacts';
    $results = mysqli_query($con,$sql);
    if($results->num_rows > 0){
        while($row = $results->fetch_assoc()){
            echo '
                <tr>
                    <td>'.$row['nom'].'</td>
                    <td>'.$row['prenom'].'</td>
                    <td>'.$row['tel'].'</td>
                    <td><a onclick="getContact('.$row['id'].')" title="modifier" class="btn btn-warning btn-xs"><i class="fa fa-pencil"></i></a></td>
                    <td><a onclick="deleteContact('.$row['id'].')" title="supprimer" class="btn btn-danger btn-xs"><i class="fa fa-trash"></i></a></td>
                </tr>
            ';
        }
    }else{
        return false;
    }
                            

3- تعديل contact بعد استرجاعه من قاعدة البيانات

باش نعدلوا contact فقاعدة البيانات غادي نزيدو ملف نسميوه update.php منبعد متزيدو غادي يكون فيه الكود لي كيمكن من :
- استرجاع contact من قاعدة البيانات باستعمال ل id ديالو منبعد غادي نعدلو القيم القديمة بالجديدة لي جاتنا من الفورم.
عرض رسالة نجاح فحالة النجاح والفشل فحالة الفشل.
الكود لي زدنا هو : 

                                <?php 
include('database/database.php');
    $_POST = json_decode(file_get_contents('php://input'), true);
    $id = htmlspecialchars(trim($_POST['id']));
    $nom = htmlspecialchars(trim($_POST['nom']));
    $prenom = htmlspecialchars(trim($_POST['prenom']));
    $tel = htmlspecialchars(trim($_POST['tel']));

    $sql = "UPDATE contacts SET nom='$nom',prenom='$prenom',tel='$tel' WHERE id='$id'";
    if(mysqli_query($con,$sql)){
        echo '<div class="alert alert-success">Contact modifié</div>';
    }else{
        echo 'erreur'.mysqli_error($con);
    }
                            

4- حذف contact بعد استرجاعه من قاعدة البيانات

باش نمسح contact من قاعدة البيانات غادي نزيدو ملف نسميوه delete.php منبعد متزيدو غادي يكون فيه الكود لي كيمكن من :
- استرجاع contact من قاعدة البيانات باستعمال ل id ديالو منبعد غادي نمسحوه.
عرض رسالة نجاح فحالة النجاح والفشل فحالة الفشل.
الكود لي زدنا هو : 

                                    <?php 
include('database/database.php');
    $_POST = json_decode(file_get_contents('php://input'), true);
    $id = htmlspecialchars(trim($_POST['id']));
    $sql = "DELETE FROM contacts WHERE id='$id'";
    if(mysqli_query($con,$sql)){
        echo '<div class="alert alert-success">Contact supprimé</div>';
    }else{
        echo 'erreur'.mysqli_error($con);
    }
                                


بحث في الموقع


إشترك للتوصل بالجديد