php检索数据以HTML格式填充DIV

时间:2013-12-20 06:17:06

标签: javascript php html css

我需要建议。以下是我已经拥有的和我的要求。

MySQL表有4列。 我正在使用php来检索单个字符串中所有行的数据(代码A)。

我在HTML中设置了DIV(代码B - 如下图所示)

我希望能够将检索到的数据用于DIV设置以创建多个IMAGE(类似于html中的for循环?) - 如何实现我的要求?

我该怎么做?

代码A

while($row = mysqli_fetch_array($query, MYSQLI_ASSOC)){ 
    $id = $row["id"]; 
    $firstname = $row["firstname"];
    $lastname = $row["lastname"]; 
    $itemdate = strftime("%b %d, %Y", strtotime($row["datemade"])); 
    $dataString .= $id.'|'.$firstname.'|'.$lastname.'|'.$itemdate.'||'; 
}

代码B

 <div id="mainwrapper">
        <div id="box-1" class="box">
        <gt_descA>Teak Chair</gt_descA><gt_descC>$75.34</gt_descC>
            <img id="image-1" src="imagez/designs/thumbs/0/teak_chair001.jpg"/>
                <span class="caption simple-caption">
                <div class="minibuttonR"><a href="index.html" onClick="gotowebpage('11');"></a></div>
                <div class="minibuttonL"><a href="index.html" onClick="gotowebpage('11');"></a></div>
                <div class="minibuttonC"><a href="index.html" onClick="gotowebpage('11');"></a></div>
                <div style="clear:both;"></div>
                </span>
        </div>
        </div>

IMAGE(DIV设置)

enter image description here

我希望能够从检索到的数据中实现这一目标。 DIV设置 enter image description here

1 个答案:

答案 0 :(得分:1)

将html代码放入php循环中。

EG。

while($row = mysqli_fetch_array($query, MYSQLI_ASSOC)){ 
$id = $row["id"]; 
$firstname = $row["firstname"];
$lastname = $row["lastname"]; 
$itemdate = strftime("%b %d, %Y", strtotime($row["datemade"])); 
$dataString .= $id.'|'.$firstname.'|'.$lastname.'|'.$itemdate.'||'; 
?>


    <div id="box-1" class="box">
    <gt_descA>Teak Chair</gt_descA><gt_descC>$75.34</gt_descC>
        <img id="image-1" src="imagez/designs/thumbs/0/teak_chair001.jpg"/>
            <span class="caption simple-caption">
            <div class="minibuttonR"><a href="index.html" onClick="gotowebpage('11');"></a></div>
            <div class="minibuttonL"><a href="index.html" onClick="gotowebpage('11');"></a></div>
            <div class="minibuttonC"><a href="index.html" onClick="gotowebpage('11');"></a></div>
            <div style="clear:both;"></div>
            </span>
    </div>
<?php

}