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

K@m@l · 2 نوفمبر 2015

هل من الممكن إنشاء أعمدة جدول باستخدام 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-، فكيف ذلك؟

E.Nourddine · 4 نوفمبر 2015

يمكنك فعل هذا الأمر بالاستعانة بالدوال الحسابية -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>';

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

السؤال

K@m@l

رابط هذا التعليق

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

1 جواب على هذا السؤال

Recommended Posts

E.Nourddine

رابط هذا التعليق

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

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية