本文详解如何从 MySQL 数据库中读取逗号分隔的字符串（如 "Live, Text, Video"），使用 explode() 拆分为数组，并通过映射或条件判断动态输出不同 HTML 图标结构，兼顾可维护性与安全性。
本文详解如何从 mysql 数据库中读取逗号分隔的字符串（如 `"live, text, video"`），使用 `explode()` 拆分为数组，并通过映射或条件判断动态输出不同 html 图标结构，兼顾可维护性与安全性。
在实际开发中，将多选数据（如服务类型）以逗号分隔字符串形式存入数据库是一种常见但需谨慎处理的设计。例如，字段 services 存储值为 "Live, Text, Video"，它由前端复选框经 implode(', ', $array) 生成。要正确渲染对应图标，关键在于：在获取每条记录后立即拆分字符串，并为每个服务项独立生成结构化 HTML。
首先，修正原始代码中的典型错误：$stmt->fetch() 返回布尔值（成功为 true），不返回关联数组；因此不能直接用 $row = $stmt->fetch() 获取字段。应改用 fetch_assoc()（推荐）或先绑定结果再处理。以下是优化后的完整流程：
$stmt = $con->prepare('SELECT `id`, `title`, `text`, `main_image`, `tags`, `services` FROM `news` ORDER BY `id` DESC LIMIT 8');
$stmt->execute();
$result = $stmt->get_result();
$news = [];
while ($row = $result->fetch_assoc()) {
// 安全去除首尾空格并按 ", " 拆分（注意：数据库中若存在空格不一致，建议统一 trim）
$serviceList = array_map('trim', explode(',', $row['services']));
// 构建图标映射表（可提取为常量或配置，便于维护）
$iconMap = [
'Live' => ['title' => 'Live', 'class' => 'fa-video'],
'Text' => ['title' => 'Text', 'class' => 'fa-align-justify'],
'Video' => ['title' => 'Photo', 'class' => 'fa-camera'] // 注意：示例中 Video 显示为 Photo service，按需调整
];
// 生成服务图标 HTML 片段
$serviceIcons = '';
foreach ($serviceList as $svc) {
if (isset($iconMap[$svc])) {
$icon = $iconMap[$svc];
$serviceIcons .= <<<HTML
<div class="icon-sm bg-black-soft bg-blur text-white rounded-circle" title="{$icon['title']} service">
<i class="fas {$icon['class']}"></i>
</div>
HTML;
}
// 可选：对未知服务类型做降级处理（如跳过或显示默认图标）
}
$news[] = [
'id' => $row['id'],
'title' => $row['title'],
'text' => $row['text'],
'naslovna' => $row['main_image'],
'tags' => $row['tags'],
'services' => $serviceIcons // 直接存渲染好的 HTML，避免模板层复杂逻辑
];
}在视图层（如 .php 模板文件）中直接输出：
<?php foreach ($news as $item): ?>
<article>
<h3><?= htmlspecialchars($item['title']) ?></h3>
<div class="services-icons">
<?= $item['services'] ?>
</div>
<!-- 其他字段... -->
</article>
<?php endforeach; ?>⚠️ 重要注意事项：
立即学习“PHP免费学习笔记（深入）”；
-
安全性：始终对用户输入（包括数据库内容）执行
htmlspecialchars()输出，防止 XSS；本例中图标title和类名来自白名单映射，已天然免疫，但若title来自用户输入则必须转义。 -
数据一致性：避免依赖
", "分隔符——更健壮的做法是在存储前统一标准化（如implode(',', array_map('trim', $arr))），查询时用explode(',', $str)+array_map('trim', ...)处理。 -
可扩展性：将
$iconMap提取为独立配置数组或使用枚举类，便于新增服务类型（如'Audio' => ['title'=>'Audio','class'=>'fa-volume-up']）。 -
性能提示：若数据量大，考虑在 SQL 层预处理（如使用 JSON 存储 +
JSON_EXTRACT），但需权衡数据库兼容性与查询复杂度。
通过该方案，你不仅能精准分离每个服务项，还能以清晰、安全、易维护的方式实现差异化 UI 渲染。
