• 0

كيف أنشئ أعمدة جدول باستخدام Bootstrap مع php ، مع جعلهما متفرقين؟

هل من الممكن إنشاء أعمدة جدول باستخدام Bootstrap وحلقات التكرار على لغة البرمجة Php خاصة بكل 3 أعمدة، بشرط أن أفصل كود php عن كود الواجهة.

هذا الكود الخاص بي:

<?php include('connect.php'); 
$object = "";

$checkTables = $con -> prepare("SELECT * FROM available");
$checkTables -> execute();
$tables = $checkTables->fetchALL(PDO::FETCH_ASSOC);

$i = 0;

foreach($tables as $table):

    if($table['avail'] == 0) {
        $object .= '<div class="col-sm-4"><div class="table full"><p> 0 seats are avaiable.</p></div></div>';
    } else {
        $object .= '<div class="col-sm-4"><div id="table_'. $table['id'] .'" class="table"><p>' . $table['avail'] . ' seats are avaiable.</p></div></div>';
    }
    $i++;
endforeach;

?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>

<div class="container-fluid text-center">
    <?php echo $object; ?>
</div><!-- End of container -->


<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>

أود فصل حلقات التكرار، وجعلها أعلى الملف حتى تُفصل عن كود الواجهة -View-، فكيف ذلك؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

يمكنك فعل هذا الأمر بالاستعانة بالدوال الحسابية -Arithmetic Operators -على لغة php ،

$object = '<div class="row">';
// حلقات التكرار لإنشاء الجداول
foreach($tables as $table):

    if($table['avail'] == 0) {
        $newObject = '<div class="col-sm-4"><div class="table full"><p> 0 seats are avaiable.</p></div></div>';
    } else {
        $newObject = '<div class="col-sm-4"><div id="table_'. $table['id'] .'" class="table"><p>' . $table['avail'] . ' seats are avaiable.</p></div></div>';
    }

    $i++;//انشاء متغير العداد
    if($i % 3 === 0) {
        // في حالة وصول العداد إلى 3
        $newObject = $newObject . '</div><div class="row">';
    }

    $object .= $newObject;
endforeach;
$object .= '</div>';

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن