مشروع Photos Gallery بل PHP الجزء السادس

منذ 5 سنوات imadbelasri PHP
PH

فهاد الجزء من المشروع ديالنا غادي نزيدو الملفات الخاصة بعرض الصور لي عندنا فقاعدة البيانات والتعليقات بالإضافة للصفحة الرئيسية لي غادي تكون فيها الإحصائيات ديال المعلومات لي عندنا فقاعدة البيانات.


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


- الملف photos.php

دائما فالمجلد admin كنزيد ملف كنسميه photos.php هاد الملف كيمكن من عرض جميع الصور لي عندنا فقاعدة البيانات فمنبعد مكيتم استرجاع المعلومات الخاصة بالصورلي عندنا كيتم عرضها فجدول بالإضافة للأزرار لي كتمكن من مشاهدة تعديل او حذف صورة الكود ديال الملف هو:

                                                    
                                                        <?php include "includes/header.php";?>
<?php include "includes/navigation.php";?>
<?php
   $photos =  Photo::get_all();
?>
<div class="container">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <div class="panel panel-primary">
                <div class="panel-heading">Photos</div>
                <hr>
                <?php if(isset($message)):?>
                <div class="alert alert-success">
                    <?php echo $message;?>
                </div>
                <?php endif;?>
                <hr>
                <div class="panel-body">
                    <table class="table table-hover">
                        <thead>
                            <th>Photo</th>
                            <th>Id</th>
                            <th>Fichier</th>
                            <th>Nom</th>
                            <th>Taille</th>
                        </thead>
                        <?php foreach($photos as $photo):?>
                            <tbody>
                                <td>
                                  <img src="<?php echo $photo->picture_path();?>" alt="" height="60" width="60">
                                  <div class="picture_links">
                                      <span class="label label-primary"><a href="../photos.php?id=<?php echo $photo->id;?>" class="link">Voir</a></span>
                                      <span class="label label-warning"><a href="edit_photo.php?id=<?php echo $photo->id;?>" class="link">Modifier</a></span>
                                      <span class="label label-danger"><a href="delete_photo.php?id=<?php echo $photo->id;?>" class="link">Supprimer</a></span>
                                  </div>
                                </td>
                                <td><?php echo $photo->id;?></td>
                                <td><?php echo $photo->filename;?></td>
                                <td><?php echo $photo->title;?></td>
                                <td><?php echo $photo->size;?></td>
                            </tbody>    
                        <?php endforeach;?>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<?php include "includes/footer.php";?>
                                                    
                                                

- الملف comments.php

دائما فالمجلد admin كنزيد ملف كنسميه comments.php هاد الملف كيمكن من عرض جميع التعليقات لي عندنا فقاعدة البيانات فمنبعد مكيتم استرجاع المعلومات الخاصة بالتعليقات لي عندنا كيتم عرضها فجدول بالإضافة للأزرار لي كتمكن من تعديل او حذف تعليق الكود ديال الملف هو:

                                                        
                                                            <?php include "includes/header.php";?>
<?php include "includes/navigation.php";?>
<?php
   $comments =  Comment::get_all();
?>
<div class="container">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <div class="panel panel-primary">
                <div class="panel-heading">Commentaires</div>
                <hr>
                <?php if(isset($message)):?>
                <div class="alert alert-success">
                    <?php echo $message;?>
                </div>
                <?php endif;?>
                <hr>
                <div class="panel-body">
                    <table class="table table-hover">
                        <thead>
                            <th>Action</th>
                            <th>Photo</th>
                            <th>Id</th>
                            <th>Photo id</th>
                            <th>Utilisateur</th>
                            <th>Commentaire</th>
                        </thead>
                        <?php foreach($comments as $comment):
                              $user = User::find_by_id($comment->user_id);
                              $photo = Photo::find_by_id($comment->photo_id);
                        ?>
                            <tbody>
                                <td>
                                  <div class="picture_links">
                                      <span class="label label-danger"><a href="delete_comment.php?id=<?php echo $comment->id;?>" class="link">Supprimer</a></span>
                                  </div>
                                </td>
                                <td><img src="<?php echo $photo->picture_path();?>" alt="" height="60" width="60"></td>
                                <td><?php echo $comment->id;?></td>
                                <td><?php echo $comment->photo_id;?></td>
                                <td><?php echo $user->pseudo;?></td>
                                <td><?php echo $comment->comment;?></td>
                            </tbody>    
                        <?php endforeach;?>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<?php include "includes/footer.php";?>
                                                        
                                                    

- الملف index.php

دائما فالمجلد admin كنزيد ملف كنسميه index.php هاد الملف كيمكن من عرض الإحصائيات الخاصة بالمعلومات لي عندنا فقاعدة البيانات من مستخدمين صور وتعليقات بإستخدام لfonction count_all الكود ديال الملف هو:

                                                        
                                                            <?php include "includes/header.php";?>
<?php include "includes/navigation.php";?>
<?php
$message = "";
if(!isset($_SESSION['user_id'])){
    redirect("login.php");
}
?>
<div class="container">
    <div class="row">
        <div class="col-md-8">
            <div class="container">
                <div class="row">
                    <div class="col-md-3">
                        <div class="panel panel-primary">
                            <div class="panel-heading">
                                <div class="row">
                                    <div class="col-md-3">
                                         <i class="fa fa-users fa-5x"></i>
                                    </div>
                                    <div class="col-md-6 col-md-offset-3">
                                         <p class="big pull-right"><?php echo $session->count; ?></p>
                                    </div>
                                    <div class="col-md-6 col-md-offset-3">
                                         <p class="big pull-right">Visites</p>
                                    </div>
                                </div>
                            </div>
                            <a href="#" class="panel-link text-primary">
                                <div class="panel-footer">
                                    <span class="pull-left">Visites</span>
                                    <span class="pull-right"><i class="fa fa-arrow-right"></i></span>
                                </div>
                            </a>
                        </div>
                    </div>
                     <div class="col-md-3">
                        <div class="panel panel-success">
                            <div class="panel-heading">
                                <div class="row">
                                    <div class="col-md-3">
                                         <i class="fa fa-photo fa-5x"></i>
                                    </div>
                                    <div class="col-md-6 col-md-offset-3">
                                         <p class="big pull-right"><?php echo Photo::count_all();?></p>
                                    </div>
                                    <div class="col-md-6 col-md-offset-3">
                                         <p class="big pull-right">Photos</p>
                                    </div>
                                </div>
                            </div>
                            <a href="photos.php" class="panel-link text-success">
                                <div class="panel-footer">
                                    <span class="pull-left">Photos</span>
                                    <span class="pull-right"><i class="fa fa-arrow-right"></i></span>
                                </div>
                            </a>
                        </div>
                    </div>
                     <div class="col-md-3">
                        <div class="panel panel-warning">
                            <div class="panel-heading">
                                <div class="row">
                                    <div class="col-md-3">
                                         <i class="fa fa-user fa-5x"></i>
                                    </div>
                                    <div class="col-md-6 col-md-offset-3">
                                         <p class="big pull-right"><?php echo User::count_all();?></p>
                                    </div>
                                    <div class="col-md-6 col-md-offset-3">
                                         <p class="big pull-right">Inscrits</p>
                                    </div>
                                </div>
                            </div>
                            <a href="users.php" class="panel-link text-warning">
                                <div class="panel-footer">
                                    <span class="pull-left">Inscrits</span>
                                    <span class="pull-right"><i class="fa fa-arrow-right"></i></span>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="panel panel-danger">
                            <div class="panel-heading">
                                <div class="row">
                                    <div class="col-md-3">
                                         <i class="fa fa-comment fa-5x"></i>
                                    </div>
                                    <div class="col-md-6 col-md-offset-3">
                                         <p class="big pull-right"><?php echo Comment::count_all();?></p>
                                    </div>
                                    <div class="col-md-6 col-md-offset-3">
                                         <p class="big pull-right">Comments</p>
                                    </div>
                                </div>
                            </div>
                            <a href="comments.php" class="panel-link text-danger">
                                <div class="panel-footer">
                                    <span class="pull-left">Comments</span>
                                    <span class="pull-right"><i class="fa fa-arrow-right"></i></span>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<?php include "includes/footer.php";?>
   
                                                        
                                                    

- الملف main.css

دائما فالمجلد admin/css كنزيد ملف كنسميه main.php هاد الملف غادي يمكن من إضافة بعض التعديلات للصفحة الرئيسية الكود ديال الملف هو:

                                                        
                                                            body{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    margin:100px;
}
footer{
     margin-top:100px;
}
.picture_links span a{
    text-decoration: none;
    color:#FFF;
}
.padded{
    padding: 10px;
}
.big{
    font-size: 30px;
    font-weight: bold;
}
.panel-link .panel-footer{
    height:45px;
}

                                                        
                                                    

- الملف script.js

دائما فالمجلد admin/js كنزيد ملف كنسميه script.js هاد الملف غادي يمكن من إسترجاع معلومات خاصة بالصور غادي نحتاجوه فملف آخرمنبعد الكود ديال الملف هو:

                                                        
                                                            $(document).ready(function(){
    var image_id;
$(".modal_tumbnails").click(function(){
    $("#submit").prop("disabled",false);
    image_id = $(this).data("id");
    $.ajax({
        url : "admin/includes/ajax_code.php",
        data : {image_id:image_id},
        type : "POST",
        success : function(data){
            $('#result').html(data);
        }
    });
});
$("#submit").click(function(){
    location.href = "photos.php?id="+image_id;
});
$(".modal_tumbnails").mouseover(function(){
    $(this).css("cursor","pointer");
});
$(".search-box-heading").mouseover(function(){
     $(this).css("cursor","pointer");
});
$(".search-box-heading").click(function(){
    $(".search-box").slideToggle("fast");
    $("#toggle").toggleClass("fa fa-chevron-down fa fa-chevron-up");
});
tinymce.init({ selector:'textarea' });
});

                                                        
                                                    

دروس ذات صلة

PH

مشروع Photos Gallery بل PHP الجزء الأول

فهاد الدرس غادي نشوفو كيفاش نصاوبو واحد المشروع لي عبارة عن موقع للصور المستخدم كيدخل كيشاهد الصور و...


PH

مشروع Photos Gallery بل PHP الجزء الثاني

فهاد الجزء الثاني غادي نقادو الملفات لي غادي يمكننا من ربط الإتصال بقاعدة البيانات وغادي نزيدو الملف...


PH

مشروع Photos Gallery بل PHP الجزء الثالث

فهاد الجزء الثالث من المشروع ديالنا غادي نكملو الملفات لي غادي يمكنو من التعامل مع المعلومات الخاصة...


PH

مشروع Photos Gallery بل PHP الجزء الرابع

فهاد الجزء الرابع من هاد المشروع غادي نكملو الملفات لي غادي يمكنو المستخدم من التسجيل وأيضا من تسجيل...


PH

مشروع Photos Gallery بل PHP الجزء الخامس

فهاد الجزء الخامس من المشروع ديالنا غادي نكملو الملفات ديال تعديل وحذف مستخدم ومنبعد غادي نزيدو الم...


PH

مشروع Photos Gallery بل PHP الجزء السابع

فهاد الجزء من هاد المشروع غادي نكملو الملفات الخاصة بالواجهة لي غادي تكون مرئية للزوار ديالنا أول حا...


PH

مشروع Photos Gallery بل PHP الجزء الثامن

فهاد الجزء الثامن والأخير من هاد المشروع غادي نزيدو الملفات لي غادي تمكن من عرض الصور وعرض صورة والم...