从MySQL横向加载数据至表格的实现问题

我正从MySQL数据库加载数据，原始数据格式如下：
| Gray | S |
| Gray | M |
| Gray | L |
| Red | S |
| Red | M |
| Red | L |
我希望按颜色分组，将数据横向加载到表格中，目标格式如下：
| Gray | S | M | L | XL |
| Red | S | M | L | XL |
我的现有代码如下：

<table> 
<?php foreach($products as $product) {?> 
<tr> 
<td><?php echo $product['color'];?></td> 
<td><?php echo $product['size'];?></td> 
</tr> 
<?php } ?> 
...

请指导如何修改代码以实现该需求。

要实现这个横向分组的表格，你需要先把原始数据按颜色做分组整理，再根据预设的尺码列表生成对应行，具体步骤如下：

1. 预处理数据：按颜色归集尺码 #

首先遍历从数据库拿到的$products数组，把每个颜色对应的所有尺码收集到一个关联数组里，这样后续生成表格时能快速定位每个颜色的尺码：

// 初始化分组数组，键为颜色，值为该颜色的尺码集合
$groupedProducts = [];

foreach ($products as $product) {
    $color = $product['color'];
    $size = $product['size'];
    
    // 如果当前颜色还没被记录，先初始化空数组
    if (!isset($groupedProducts[$color])) {
        $groupedProducts[$color] = [];
    }
    
    // 避免重复添加同一尺码（如果数据库有重复数据的话）
    if (!in_array($size, $groupedProducts[$color])) {
        $groupedProducts[$color][] = $size;
    }
}

2. 生成目标格式的表格 #

接下来定义好需要显示的所有尺码（包括目标里的XL），然后遍历分组后的数组，为每个颜色生成一行，对应每个尺码的位置填充内容（没有的尺码留空）：

<table border="1">
    <!-- 可选：添加表头让表格更清晰 -->
    <tr>
        <th>Color</th>
        <th>S</th>
        <th>M</th>
        <th>L</th>
        <th>XL</th>
    </tr>
    <?php 
    // 定义需要显示的所有尺码，按你想要的顺序排列
    $allSizes = ['S', 'M', 'L', 'XL'];
    
    foreach ($groupedProducts as $color => $sizes) {
        echo '<tr>';
        // 输出颜色列，用htmlspecialchars防止XSS攻击
        echo '<td>' . htmlspecialchars($color) . '</td>';
        
        // 遍历每个预设尺码，检查是否存在并输出
        foreach ($allSizes as $size) {
            $displayContent = in_array($size, $sizes) ? $size : '';
            echo '<td>' . htmlspecialchars($displayContent) . '</td>';
        }
        
        echo '</tr>';
    }
    ?>
</table>

额外优化小技巧 #

• 动态获取尺码列表：如果后续可能新增尺码（比如XXL），可以先从数据库查询所有唯一的尺码并排序，替代手动定义的$allSizes，代码更灵活：

  // 假设你已经通过SQL查询到所有唯一尺码的结果集$uniqueSizes
  $allSizes = array_column($uniqueSizes, 'size');
  sort($allSizes);
  

• XSS防护：始终用htmlspecialchars()输出来自数据库或用户输入的内容，这是Web开发的基础安全习惯。

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