Php 显示字体星形图标的数量取决于数据库列中的值

Php 显示字体星形图标的数量取决于数据库列中的值,php,mysqli,fonts,font-awesome,rating-system,Php,Mysqli,Fonts,Font Awesome,Rating System,对不起,我是新来的 我想从数据库中显示许多产品。其中一列是评级 我想知道如何将该列中的值显示为字体星形图标,而不是值本身 每个产品的值1到5由管理员输入,并显示为访客x号(共5个)的填充星。 我还想将所有产品的平均值显示为星号,其中一个星号可以部分填充 这个项目使用php和mysqli 谢谢你的帮助 您可以使用任何星级jquery插件: 风格 HTML 演示链接: 您只需要在PHP中对其进行动态处理,仅此而已 以下是使星级评定动态化的教程: 本网站旨在获得编程方面的帮助,您可以在这里展示非工作代

对不起,我是新来的

我想从数据库中显示许多产品。其中一列是评级

我想知道如何将该列中的值显示为字体星形图标,而不是值本身

每个产品的值1到5由管理员输入,并显示为访客x号(共5个)的填充星。 我还想将所有产品的平均值显示为星号,其中一个星号可以部分填充

这个项目使用php和mysqli


谢谢你的帮助

您可以使用任何星级jquery插件:

风格

HTML

演示链接:

您只需要在PHP中对其进行动态处理,仅此而已

以下是使星级评定动态化的教程:

本网站旨在获得编程方面的帮助,您可以在这里展示非工作代码,请求帮助更正代码。它不是为您编写代码的目的。请提供您的非工作代码作为提供帮助的起点。虽然此链接可以回答问题,但最好在此处包含答案的基本部分,并提供链接以供参考。如果链接页面发生更改,仅链接的答案可能无效。-下一次可以吗
li{display: inline-block;color: #F0F0F0;text-shadow: 0 0 1px #666666;font-size:30px;}
.highlight, .selected {color:#F4B30A;text-shadow: 0 0 1px #F48F0A;}
<input type="hidden" name="rating" id="rating" />
<ul onMouseOut="resetRating();">
  <li onmouseover="highlightStar(this);" onmouseout="removeHighlight();" onClick="addRating(this);">★</li>
  <li onmouseover="highlightStar(this);" onmouseout="removeHighlight();" onClick="addRating(this);">★</li>
  <li onmouseover="highlightStar(this);" onmouseout="removeHighlight();" onClick="addRating(this);">★</li>
  <li onmouseover="highlightStar(this);" onmouseout="removeHighlight();" onClick="addRating(this);">★</li>
  <li onmouseover="highlightStar(this);" onmouseout="removeHighlight();" onClick="addRating(this);">★</li>
</ul>
function highlightStar(obj) {
    removeHighlight();      
    $('li').each(function(index) {
        $(this).addClass('highlight');
        if(index == $("li").index(obj)) {
            return false;   
        }
    });
}

function removeHighlight() {
    $('li').removeClass('selected');
    $('li').removeClass('highlight');
}

function addRating(obj) {
    $('li').each(function(index) {
        $(this).addClass('selected');
        $('#rating').val((index+1));
        if(index == $("li").index(obj)) {
            return false;   
        }
    });
}

function resetRating() {
    if($("#rating").val()) {
        $('li').each(function(index) {
            $(this).addClass('selected');
            if((index+1) == $("#rating").val()) {
                return false;   
            }
        });
    }
}