如何用PHP将JSON解码后的数据拆分为三列展示？

嘿，我来帮你搞定这个三列展示的问题！既然你用的是Bootstrap的col-md-4，核心思路就是把解码后的产品列表拆分成三个大致均等的子数组，再分别渲染到对应的列容器里就行。下面是具体的实现步骤和代码调整：

第一步：确保JSON数据正确解码 #

先把JSON数据正确解码，建议给json_decode加上第二个参数true，将JSON转换成关联数组，后续处理更灵活。同时加个简单的错误判断，避免数据获取失败时页面出错：

<?php
$url = 'http://myurl/consult';
$data = file_get_contents($url);
// 解码为关联数组（如果JSON返回的是对象数组，可去掉true，后续用->访问属性）
$products = json_decode($data, true);

// 检查数据是否解析成功
if (!$products || !is_array($products)) {
    echo '抱歉，产品数据加载失败';
    exit;
}
?>

第二步：拆分产品数组为三部分 #

用PHP的array_chunk函数，把产品数组拆分成三个子数组。用ceil(count($products)/3)计算每列的产品数量，能保证三列的产品数量尽量平均（比如10个产品会分成4、3、3）：

// 计算每列的产品数量
$perColumn = ceil(count($products) / 3);
// 拆分成三个列对应的数组
$columnProducts = array_chunk($products, $perColumn);

第三步：渲染三列布局 #

循环拆分后的子数组，给每个子数组生成一个col-md-4容器，里面放对应的产品列表：

<div class="row">
    <?php foreach ($columnProducts as $column): ?>
        <div class="col-md-4">
            <div class="section-title">
                <ul class="dados">
                    <?php foreach ($column as $product): ?>
                        <li class="nomes-ies">
                            <!-- 如果是对象数组，就改成 $product->nome -->
                            <a href="#" class="nomes-ies"><?php echo htmlspecialchars($product['nome']); ?></a>
                            <!-- 这里可以添加更多产品信息，比如价格、描述等 -->
                        </li>
                    <?php endforeach; ?>
                </ul>
            </div>
        </div>
    <?php endforeach; ?>
</div>

几个关键注意点： #

• 务必把列放在row容器里，这是Bootstrap栅格系统的要求，否则列可能排列错乱。
• 用htmlspecialchars包裹输出的产品名称，能防止XSS攻击，尤其是当产品数据包含用户输入内容时，这一步很重要。
• 如果你的JSON解码后是对象数组（比如原来的$characters是对象），把$product['nome']改成$product->nome即可。

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