基于文本文件数组数值展示星级评分的优化方案咨询

你的原始代码通过大量if-else分支硬编码每个评分对应的星星图标，不仅冗余，后续修改（比如调整星星总数、更换图标类）也非常麻烦。下面是几种更简洁、可维护的实现方式：

方案一：动态计算星星类型并循环生成 #

通过计算整星、半星、空星的数量，动态拼接图标代码，无需为每个评分值写分支：

<?php
// 将评分转为浮点型，统一处理字符串格式的数值（比如'.5'会转为0.5）
$rating = (float)$row[2];
$totalStars = 5;

// 计算各类星星的数量
$fullStars = floor($rating);
$hasHalfStar = ($rating - $fullStars) >= 0.5;
$emptyStars = $totalStars - ($fullStars + ($hasHalfStar ? 1 : 0));

// 输出整星
for ($i = 0; $i < $fullStars; $i++) {
    echo '<i class="fa fa-star"></i>';
}

// 输出半星（如果存在）
if ($hasHalfStar) {
    echo '<i class="fa fa-star-half-o"></i>';
}

// 输出空星
for ($i = 0; $i < $emptyStars; $i++) {
    echo '<i class="fa fa-star-o"></i>';
}
?>

方案二：封装为可复用函数 #

如果需要在多个地方生成星级评分，可以把逻辑封装成函数，提高代码复用性：

<?php
function renderStarRating($rating, $totalStars = 5) {
    $rating = (float)$rating;
    $fullStars = floor($rating);
    $hasHalfStar = ($rating - $fullStars) >= 0.5;
    $emptyStars = $totalStars - ($fullStars + ($hasHalfStar ? 1 : 0));
    
    // 用str_repeat简化重复图标拼接
    $starHtml = str_repeat('<i class="fa fa-star"></i>', $fullStars);
    if ($hasHalfStar) {
        $starHtml .= '<i class="fa fa-star-half-o"></i>';
    }
    $starHtml .= str_repeat('<i class="fa fa-star-o"></i>', $emptyStars);
    
    return $starHtml;
}

// 调用示例
echo renderStarRating($row[2]);
?>

方案三：纯CSS实现（进阶） #

如果不想用PHP拼接HTML，还可以通过CSS控制星星的显示，只需要输出一个包含评分值的容器：

<?php
$rating = (float)$row[2];
// 把评分转为百分比（比如4.5分对应90%）
$ratingPercent = ($rating / 5) * 100;
?>
<div class="star-rating" style="width: <?php echo $ratingPercent; ?>%">
    <i class="fa fa-star"></i>
    <i class="fa fa-star"></i>
    <i class="fa fa-star"></i>
    <i class="fa fa-star"></i>
    <i class="fa fa-star"></i>
</div>

对应的CSS：

.star-rating {
    display: inline-block;
    overflow: hidden;
    position: relative;
    color: #ddd;
}
.star-rating::before {
    content: "\f005\f005\f005\f005\f005";
    font-family: "FontAwesome";
}
.star-rating::after {
    content: "\f005\f005\f005\f005\f005";
    font-family: "FontAwesome";
    color: #ffc107;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
}

优化后的优势 #

• 可维护性：修改星星总数、图标类名只需调整一处代码，无需遍历所有分支
• 扩展性：支持任意0-5之间的半星评分（比如3.2分也能自动处理为3整星+空星，或者根据需求调整半星判断逻辑）
• 简洁性：代码行数大幅减少，逻辑清晰易懂

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