17370845950

本文介绍如何将 mysql 多表关联查询（如视频-标签多对多关系）的结果，从“每行一个标签”的扁平结构，重组为“每个视频对应多个标签”的嵌套数组结构，并在 html 中无重复地展示。

在处理视频与标签的多对多关系时，原始 SQL 查询（通过 video_tags 中间表 JOIN videos 和 tags）会返回每条记录对应一个视频-标签组合，导致同一视频因拥有多个标签而重复出现多次。这在前端表格渲染中造成冗余行，不符合“一个视频一行、所有标签合并显示”的业务需求。

解决思路是：不在 SQL 层聚合（避免复杂 GROUP_CONCAT + JSON 解析），而是在 PHP 层对结果集进行逻辑分组与结构重组。核心步骤如下：

1. 执行查询并获取全部结果：使用 mysqli_stmt_get_result() 后，用 while ($row = mysqli_fetch_assoc($result)) 遍历全部行；
2. 以视频 ID 为键构建嵌套数组：首次遇到某 id_video 时初始化其主信息；后续同 ID 行仅向该视频的 'tags' 子数组追加标签数据；
3. 前端渲染时按视频维度循环：每个 对应一个视频，其标签字段通过 implode(', ', array_column($video['tags'], 'tag')) 合并输出。

   以下是完整可运行的代码示例：

    ['id_video', 'video_title', 'tags' => [...]]
   $videos = [];
   while ($row = mysqli_fetch_assoc($result)) {
       $videoId = $row['id_video'];
   
       // 首次遇到该视频，初始化主信息
       if (!isset($videos[$videoId])) {
           $videos[$videoId] = [
               'id_video'          => $videoId,
               'video_title'       => $row['video_title'],
               'video_description' => $row['video_description'],
               'video_url'         => $row['video_url'],
               'tags'              => []
           ];
       }
   
       // 将当前标签追加到该视频的 tags 数组中
       $videos[$videoId]['tags'][] = [
           'id_video_tags' => $row['id_video_tags'],
           'id_tag'        => $row['id_tag'],
           'tag'           => $row['tag']
       ];
   }
   
   // 可选：调试输出结构
   // var_dump($videos);
   ?>

   前端渲染部分（放入

   内）：

   
       
           
               
                   
                   
                   
               
           
       
           暂无视频数据
       
   

   ⚠️ 注意事项：

   • 必须使用 htmlspecialchars()：防止 XSS 攻击，尤其当 video_title 或 tag 可能含用户输入内容时；
   • array_column() 兼容性：PHP ≥ 5.5.0 支持；若需兼容旧版本，可用 array_map() 替代；
   • 内存考量：此方案将全部结果加载至内存，适用于中等数据量（如数百视频）；超大数据集建议改用数据库层聚合（如 GROUP_CONCAT）或分页+AJAX 加载；
   • SQL 优化提示：实际项目中应明确 SELECT 字段（避免 *），仅取必要列以提升性能与可读性。

   通过这种“先查后聚”的方式，你既能保持 SQL 的简洁性，又能灵活控制 PHP 中的数据结构与展示逻辑，是处理多对多关系展示的经典实践。