如何分类显示数据库内容，打造Udemy式课程目录

本文介绍如何从数据库中查询带主题（Topic）和内容（Sentence）的记录，并按主题首次出现顺序分组展示，每个主题仅标题显示一次，其下罗列所有对应句子，实现类似Udemy课程大纲的清晰结构。

本文介绍如何从数据库中查询带主题（Topic）和内容（Sentence）的记录，并按主题首次出现顺序分组展示，每个主题仅标题显示一次，其下罗列所有对应句子，实现类似Udemy课程大纲的清晰结构。

要实现如 Udemy 课程目录般的层级展示效果——即主题标题只出现一次，其下集中列出所有归属该主题的句子，且各主题整体顺序由其最早出现的 ID 决定——关键在于两步：数据预排序与前端逻辑去重渲染。

✅ 正确的数据排序（核心前提）

直接 ORDER BY topic 会按字母序排列（Amazon → Google → YouTube），但需求要求“按主题首次出现的 ID 排序”，即 Google（ID=1）、YouTube（ID=2）、Amazon（ID=3）。为此，需使用子查询获取每个主题的最小 ID，并以此为排序依据：

SELECT c.*
FROM (
  SELECT MIN(id) AS min_id, topic
  FROM contents
  WHERE email = ?
  GROUP BY topic
) t
JOIN contents c ON c.topic = t.topic
ORDER BY t.min_id, c.id;

✅ 优势：

• 使用 MIN(id) 确保主题分组顺序严格遵循原始数据中该主题的首次出现位置；
• JOIN 保证不丢失任何句子；
• 最终结果按 min_id（主题序）+ c.id（句内序）双重排序，天然满足展示逻辑。

⚠️ 安全提醒：务必使用预处理语句防止 SQL 注入，例如：

$stmt = $db_conn->prepare("
  SELECT c.* FROM (
    SELECT MIN(id) AS min_id, topic 
    FROM contents 
    WHERE email = ? 
    GROUP BY topic
  ) t
  JOIN contents c ON c.topic = t.topic
  ORDER BY t.min_id, c.id
");
$stmt->execute([$email]);
$select = $stmt->fetchAll(PDO::FETCH_ASSOC);

✅ 智能渲染：标题仅在切换时输出

有了已排序的数据，PHP 渲染逻辑变得简洁可靠：

$last_topic = '';
foreach ($select as $row) {
    $topic = $row['topic'];
    $sentence = $row['sentence'];

    // 仅当主题变更时输出 <h2> 标题
    if ($topic !== $last_topic) {
        echo "<h2>{$topic}</h2>";
        $last_topic = $topic;
    }

    echo "<p>{$sentence}</p>";
}

? 原理说明：
利用 $last_topic 缓存上一次处理的主题名，仅在 topic 值发生变化时才输出标题——这完美规避了重复标题问题，且完全依赖数据的物理顺序，无需额外数组或嵌套循环。

? 完整可运行示例（含 HTML 结构优化）

// 数据查询（已预处理）
$stmt = $db_conn->prepare("..."); // 同上
$stmt->execute([$email]);
$rows = $stmt->fetchAll(PDO::FETCH_ASSOC);

// 渲染
$last_topic = '';
echo '<div class="course-curriculum">';

foreach ($rows as $row) {
    if ($row['topic'] !== $last_topic) {
        // 关闭前一个主题的容器（如有需要）
        if ($last_topic !== '') echo '</section>';

        echo '<section class="topic-section">';
        echo "<h2 class='topic-title'>{$row['topic']}</h2>";
        $last_topic = $row['topic'];
    }

    echo "<div class='curriculum-item'>{$row['sentence']}</div>";
}

// 关闭最后一个 section
if ($last_topic !== '') echo '</section>';
echo '</div>';

⚠️ 注意事项与最佳实践

• 永远避免字符串拼接 SQL：原问题中 $email 直接拼入查询存在严重注入风险，必须改用 prepare() + execute()；
• 空数据兜底：在 foreach 前检查 count($rows) > 0，避免无结果时页面空白；
• CSS 可扩展性：为 .topic-section 和 .curriculum-item 添加样式，可轻松实现折叠/展开、图标、计数等 Udemy 风功能；
• 性能考虑：若数据量极大（>10k 行），建议在 (email, topic) 上建立联合索引，加速 GROUP BY 和 JOIN。

通过「排序逻辑前置到 SQL」+「渲染逻辑轻量化」的组合策略，你既能精准控制展示顺序，又能保持 PHP 层代码清晰高效——这才是生产环境推荐的课程目录实现方式。