本文介绍如何从数据库中查询带主题（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 "</h2><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 '';
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 层代码清晰高效——这才是生产环境推荐的课程目录实现方式。
