Application de gestion des employés ب php و mysql الجزء الثالت


فهاد الجزء الثالت من Application de gestion des employés ب php و mysql غادي نكملو الملفات لي بقاونا ولي غادي يمكنوا المستخدم باش يمسح employé من قاعدة البيانات وأيضا يدير recherche ف la base de données منبعد غادي نشوفو كيفاش نديرو ل form validation ب jquery.

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

1- الملف delete.php

فالمجلد الرئيسي ديال المشروع ديالنا كنزيد ملف كنسميه delete.php  فيه الكود لي كيمكن المستخدم من حدف employé من قاعدة البيانات من بعد مكنستقبلو ل id ديالو لي كيجينا من الصفحة الرئيسية ملي كيكليكي المستخدم على supprimer هنا كنديرو requête sql باش كنمسحوا ل employé من la base الكود ديال الملف هو :

                                <?php
include_once('database/connection.php');
$id = htmlentities($_GET['id']);
$query = "DELETE FROM employes WHERE id = '$id'";
if(mysqli_query($con,$query)){
    header("location:index.php?deleted=Employé supprimé avec succés");
}else{
    echo '<div class="alert alert-danger">Une erreur est survenue'.mysqli_error($con).'</div>';
}
?>
                            

2- الملف search.php

المجلد الرئيسي ديال المشروع ديالنا كنزيد ملف كنسميه search.php لي  فيه الكود لي كيمكن من البحث على des employés وعرضهم فجدول فمنبعد مكنستقبل القيمة لي دخل المستخدم فالحقل ديال recherche كن exécuter requête sql وكنسترجع les employés لي كيطابقوا القيمة لي كيبحث عليها منبعد كنعرضهم فجدول  الكود ديال الملف هو :

                                <?php
include_once('includes/header.php');
?>
<div class="container">
    <div class="form-group" style="padding:10px;">
        <a href="add.php" class="btn btn-primary btn-sm pull-right">Ajouter</a>
    </div>
    <br>
    <div class="row">
        <div class="col-md-10 col-md-offset-1">
            <table class="table table-striped table-hover ">
                <thead>
                    <tr class="info">
                        <th>Nom</th>
                        <th>Prénom</th>
                        <th>Matricule</th>
                        <th>Département</th>
                        <th>Salaire</th>
                        <th>Addresse</th>
                        <th>Ville</th>
                        <th>Status</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                <?php 
                    $search = $_POST['search'];
                    $query = "SELECT * FROM  employes WHERE nom='$search' or prenom='$search'";
                    $result = mysqli_query($con,$query);
                    while($row = $result->fetch_assoc()):
                ?>
                    <tr>
                        <td><?php echo $row['nom'];?></td>
                        <td><?php echo $row['prenom'];?></td>
                        <td><?php echo $row['matricule'];?></td>
                        <td><?php echo $row['dept'];?></td>
                        <td><?php echo $row['salaire'];?></td>
                        <td><?php echo $row['adresse'];?></td>
                        <td><?php echo $row['ville'];?></td>
                        <td><?php echo ($row['status']) ? '<span class="text-primary">Active</span>' : '<span class="text-danger">Débauché</span>';?></td>
                        <td><a href="update.php?id=<?php echo $row['id'];?>"  class="btn btn-warning btn-xs"><i class="fa fa-pencil" title="Modifier"></i></a>|<a href="delete.php?id=<?php echo $row['id'];?>" class="btn btn-danger btn-xs" title="Supprimer"><i class="fa fa-trash"></i></a></td>
                    </tr>
                <?php 
                    endwhile;
                ?>
                </tbody>
            </table>
        </div>
    </div>
</div>
<?php
  include_once('includes/footer.php');
?>
                            

3- الملف style.css

فالمجلد includes كنزيد مجلد جديد كنسميه css كنزيد فيه ملف كنسميه style.css فيه كل styles لي غادي نحتاج باش نقاد المظهر ديال الصفحات ديالي الكود ديال الملف هو :

                                .error{
    border: 1px solid red;
}
.well{
    box-shadow: 0.5px 0.5px 0.5px 0.5px #000;
}
table{
    box-shadow: 0.5px 0.5px 0.5px 0.5px #000; 
}
body{
    background:beige;
}
                            

4- validate.js

فالمجلد includes كنزيد مجلد جديد كنسميه js كنزيد فيه ملف كنسميه validate.js فيه كاين الكود لي كيمكن باش نديرو ل validation للفورم ب jquery فهنا ملي كندير submit للفورم لي كنسترجعها بال id ديالها كنسترجع les champs لي كنجمعهم ف array منبعد كن tester les valeurs ديال les champs وكنتحقق من لي خاوي ولي خاوي فيهم كنزيدو la class error لي كتزيدلو border حمر وكتمنع الفورم باش تصيفط les champs vides الكود ديال الملف هو :

                                    $(document).ready(function(){
    $('#submit').on('click',function(e){
        var nom = $('#nom');
        var prenom = $('#prenom');
        var sal = $('#sal');
        var mat = $('#mat');
        var dept = $('#dept');
        var city = $('#city');
        var adress = $('#adress');
        var fields = [nom,prenom,mat,sal,dept,adress,city];
        for(var i=0;i<fields.length;i++){
           if(fields[i].val() == ""){
              e.preventDefault();
              fields[i].addClass("error");
           }
        }
    });
    $('#searchSubmit').on('click',function(e){
        var nom = $('#search');
        if(nom.val() == ""){
            e.preventDefault();
            nom.addClass("error");
        }
    });
});
                                


بحث في الموقع


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