PHP变量在HTML页面展示时出现多类错误求助

修复后的完整代码 #

<body>
<h1>Brand</h1>
<br />
<div class="row">
<?php
// 配置参数：6列布局，最多展示10条
$maxCols = 6;
$maxRowsToShow = 10;
$currentCol = 0;
$shownCount = 0;

// 假设$query是你的数据库查询结果集，根据实际使用的扩展调整（PDO/mysqli）
while ($result = mysqli_fetch_assoc($query) && $shownCount < $maxRowsToShow) {
    // 转义变量防止XSS和HTML语法错误
    $brand      = htmlspecialchars($result['brand']);
    $prod_name  = htmlspecialchars($result['prod_name']);
    $prod_url   = htmlspecialchars($result['prod_url']);
    $image_url  = htmlspecialchars($result['image_url']);
    $price      = htmlspecialchars($result['price']);
    $sale_price = htmlspecialchars($result['sale_price']);
?>
    <div class="col-sm-2">
        <img class="img-responsive" src="<?= $image_url ?>" />
        <p><strong><?= $brand ?></strong><br>
        <?= $price ?> <?= $sale_price ?><br>
        <?= $prod_name ?></p>
        <div>
            <a href="<?= $prod_url ?>">
                <button>Buy Now</button>
            </a>
        </div>
    </div>
<?php
    $shownCount++;
    $currentCol++;
    // 每满6列就换行新建row
    if ($currentCol >= $maxCols && $shownCount < $maxRowsToShow) {
        echo "</div><div class='row'>";
        $currentCol = 0;
    }
}
?>
</div>
</body>

各问题的具体修复点 #

• 图片src、a标签href输出PHP语句
  你在PHP代码块里的echo中错误嵌套了<?php ?>标签——当前已经在PHP执行环境，直接输出变量即可。比如把echo "<img src='<?php echo $image_url' />";改成直接用<?= $image_url ?>（或<?php echo $image_url ?>），同时用htmlspecialchars()转义变量，避免语法错误和XSS风险。

• 后续行PHP语句被注释
  根源是前面的HTML输出有语法错误（比如img标签的src属性未闭合），导致浏览器把后续内容错误解析为注释。修复所有HTML标签的闭合问题，确保属性引号配对，就能解决。

• 6列布局失效

  1. 循环条件错误：原循环while($maxCol <= $maxCol && $rowCount <= $rowCount)是恒成立的死循环，改成结合数据获取和展示数量限制的条件，确保只取10条数据。
  2. 栅格列宽错误：Bootstrap栅格是12列，要6列布局需用col-sm-2（12÷6=2），原代码用的col-sm-3是4列布局。
  3. 换行逻辑混乱：重新设计列计数逻辑，每满6列就闭合当前row并新建row，保证布局正确。
  4. 缺少数据获取语句：原循环里没有从结果集取新数据的代码，导致每次循环都是同一条数据，添加$result = mysqli_fetch_assoc($query)（根据数据库扩展调整）来获取下一条记录。

内容的提问来源于stack exchange，提问作者neholtz