php 检索数据以填充 HTML 中的 DIV答案

【问题标题】：php retrieved data to populate DIV in HTMLphp 检索数据以填充 HTML 中的 DIV
【发布时间】：2013-12-20 06:17:06
【问题描述】：

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

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

我在 HTML 中有一个 DIV 设置（代码 B - 如下图所示）

我希望能够在 DIV 设置中使用检索到的数据来创建多个图像（类似于 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>

图像（DIV 设置）

我希望能够从检索到的数据和 DIV 设置中实现这一点

【问题讨论】：

你到底想做什么？我没明白你的意思吗？
我想使用 HTML 中的 php 值创建图像。
好的，所以你在 php 中有 id、first name、last name 和 item date 变量，你想如何用这个创建图像。结构是什么？
你看图片 - “柚木椅” = 名字 VARIABLE | “$75.34”是姓氏变量，灰色框 = 项目变量。

标签： javascript php html css

【解决方案1】：

将html代码放入php循环中。

例如。

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

}

【讨论】：

使用 =$dataString?>，在 html 代码中打印您的 php 变量。