顯示超過8個div類

Question

我的PHP代碼有問題。 我在mysql數據庫中存儲了8行通道，並且使用var totalrowcount來顯示div類的8個框，以便與從mysql存儲的行一起顯示，但是當我存儲超過8個通道的div類時，則不能顯示8個以上的div類。在mysql中有8行。

我想為div類創建無限制的框，其數字范圍可以匹配行，這取決於我在mysql數據庫中存儲的行數。

這是我發現問題出處的代碼：

    var totalrowcount = 8;
<div class="mainWrap">
    <div class="row" id="row1">
        <div id="image1" class="channelList div_1_1"></div>
        <div class="rowSubPgm">
            <div id="programe1" class="pgmFirstRow div_1_2"></div>
            <div id="programe2" class="pgmFirstRow div_1_3"></div>
            <div id="programe3" class="pgmFirstRow div_1_4"></div>
        </div>
    </div>
    <div class="clear"></div>
    <div class="row"  id="row2">
        <div id="image2" class="channelList div_2_1"></div>
        <div class="rowSubPgm">
            <div id="programe4" class="pgmFirstRow div_2_2"></div>
            <div id="programe5" class="pgmFirstRow div_2_3"></div>
            <div id="programe6" class="pgmFirstRow div_2_4"></div>
        </div>
    </div>
    <div class="clear"></div>
    <div class="row"  id="row3">
        <div id="image3" class="channelList div_3_1"></div>
        <div class="rowSubPgm">
            <div id="programe7" class="pgmFirstRow div_3_2"></div>
            <div id="programe8" class="pgmFirstRow div_3_3"></div>
            <div id="programe9" class="pgmFirstRow div_3_4"></div>
       </div>
    </div>
    <div class="clear"></div>
    <div class="row"  id="row4">
        <div id="image4" class="channelList div_4_1"></div>
        <div class="rowSubPgm">
            <div id="programe10" class="pgmFirstRow div_4_2"></div>
            <div id="programe11" class="pgmFirstRow div_4_3"></div>
            <div id="programe12" class="pgmFirstRow div_4_4"></div>
       </div>
    </div>
    <div class="clear"></div>
    <div class="row"  id="row5">
        <div id="image5" class="channelList div_5_1"></div>
        <div class="rowSubPgm">
            <div id="programe13" class="pgmFirstRow div_5_2"></div>
            <div id="programe14" class="pgmFirstRow div_5_3"></div>
            <div id="programe15" class="pgmFirstRow div_5_4"></div>
        </div>
    </div>
    <div class="clear"></div>
    <div class="row" id="row6">
        <div id="image6" class="channelList div_6_1"></div>
        <div class="rowSubPgm">
            <div id="programe16" class="pgmFirstRow div_6_2"></div>
            <div id="programe17" class="pgmFirstRow div_6_3"></div>
            <div id="programe18" class="pgmFirstRow div_6_4"></div>
       </div>
    </div>
    <div class="clear"></div>
        <div class="row"  id="row7">
        <div id="image7" class="channelList div_7_1"></div>
        <div class="rowSubPgm">
            <div id="programe19" class="pgmFirstRow div_7_2"></div>
            <div id="programe20" class="pgmFirstRow div_7_3"></div>
            <div id="programe21" class="pgmFirstRow div_7_4"></div>
        </div>
    </div>
    <div class="clear"></div>
        <div class="row"  id="row8">
        <div id="image8" class="channelList div_8_1"></div>
        <div class="rowSubPgm">
            <div id="programe22" class="pgmFirstRow div_8_2"></div>
            <div id="programe23" class="pgmFirstRow div_8_3"></div>
            <div id="programe24" class="pgmFirstRow div_8_4"></div>
        </div>
    </div>
    <div class="clear"></div>

我可以從mysql輸出無限制的行而沒有任何問題，但是對於div類，我不能顯示超過8個框。 如果要創建類，則必須更改每行末尾的最后一個數字，例如：pgmFirstRow div_9_4，pgmFirstRow div_10_4，依此類推。

我將在mysql中存儲數千行，我發現要為添加div類添加數千行代碼對我來說太費力了。

有誰知道如何創建代碼來允許我添加不限數量的div類以及與totalrowcount數組配合使用，以匹配我存儲在mysql中的行，從而允許我為div類添加任意范圍的框？

任何建議將不勝感激。

Answer 1

這就是為什么他們發明了for和while循環。 您可以繼續打印div和行，直到使用循環為止。

PDO示例：

$query = $con->prepare("/* Your QUERY*/");
try {
// Try to execute the query
$query->execute();
}
catch(PDOException $e) {
// Error jumps here
echo $e->getMessage();
}
// Set fetch mode so we can retrieve the data by an object
$query->setFetchMode(PDO::FETCH_OBJ);

while($row = $query->fetch()){
/* While there are rows available we continue executing this loop */
/* You can get data using $row->id for example */
echo 
"<div class=\"clear\"></div>
<div class=\"row\"  id=\"row".$row->id."\">
    <div id=\"image".$row->id."\" class=\"channelList div_".$row->id."_1\"></div>
    <div class=\"rowSubPgm\">
        <div id=\"programe".$row->id."\" class=\"pgmFirstRow div_".$row->id."_2\"></div>
        <div id=\"programe".$row->id."\" class=\"pgmFirstRow div_".$row->id."_3\"></div>
        <div id=\"programe".$row->id."\" class=\"pgmFirstRow div_".$row->id."_4\"></div>
    </div>";
}

mysql_*示例。 （我不建議您使用它。我只是為您編寫了它，以防您比PDO更加熟悉它。切換到PDO總是一個好主意。

// Assuming you already executed the query
while($row = mysql_fetch_assoc($result)){
// Here it's pretty much the same as PDO. Only now the $row is an array instead of an object
echo
    "<div class=\"clear\"></div>
    <div class=\"row\"  id=\"row".$row['id']."\">
    <div id=\"image".$row['id']."\" class=\"channelList div_".$row['id']."_1\"></div>
    <div class=\"rowSubPgm\">
        <div id=\"programe".$row['id']."\" class=\"pgmFirstRow div_".$row['id']."_2\"></div>
        <div id=\"programe".$row['id']."\" class=\"pgmFirstRow div_".$row['id']."_3\"></div>
        <div id=\"programe".$row['id']."\" class=\"pgmFirstRow div_".$row['id']."_4\"></div>
    </div>";
}

編輯：

順便說一句，我不建議同時顯示所有行。 想象一下，您的行增長到數千行以上，並且您想打印一千條記錄。 我打賭mysql服務器和瀏覽器都會對這個事實感到沮喪:)而是嘗試對行進行分頁。