PHP mysql звездный рейтинг

Я следую учебнику, найденному здесь, и я не могу понять, как получить звезды от рейтингов в db. В принципе, я хочу, чтобы текущие рейтинги и количество оценок показывалось до того, как пользователи представили свой рейтинг. Я не хочу динамически создавать список продуктов, для которых мне нужен рейтинг, мне просто нужен идентификатор для публикации и рейтинг, чтобы генерировать на каждый идентификатор данных …

–UPDATE Я могу опубликовать рейтинг, но мне нужно назначить идентификатор для каждого продукта. Я могу получить значения только для одного значения, но я думаю, что мне нужно назначить var, чтобы я мог вытащить их для любого заданного продукта

Продукты:

<div class="store-item-rating text-warning rate-ex1-cnt" id ="1"> <div id="1" class="rate-btn-1 rate-btn"></div> <div id="2" class="rate-btn-2 rate-btn"></div> <div id="3" class="rate-btn-3 rate-btn"></div> <div id="4" class="rate-btn-4 rate-btn"></div> <div id="5" class="rate-btn-5 rate-btn"></div> </div> <div class="store-item-rating text-warning rate-ex2-cnt" id ="2"> <div id="1" class="rate-btn-1 rate-btn"></div> <div id="2" class="rate-btn-2 rate-btn"></div> <div id="3" class="rate-btn-3 rate-btn"></div> <div id="4" class="rate-btn-4 rate-btn"></div> <div id="5" class="rate-btn-5 rate-btn"></div> </div> 

JS

 $(function(){ $('.rate-btn').hover(function(){ $('.rate-btn').removeClass('rate-btn-hover'); var therate = $(this).attr('id'); for (var i = therate; i >= 0; i--) { $('.rate-btn-'+i).addClass('rate-btn-hover'); }; }); $('.rate-btn').click(function(){ var therate = $(this).attr('id'); var dataRate = 'act=rate&product_id=<?php echo $product_id; ?>&rate='+therate; // $('.rate-btn').removeClass('rate-btn-active'); for (var i = therate; i >= 0; i--) { $('.rate-btn-'+i).addClass('rate-btn-active'); }; $.ajax({ type : "POST", url : "inc/ajax.php", data: dataRate, success:function(){} }); }); }); . $(function(){ $('.rate-btn').hover(function(){ $('.rate-btn').removeClass('rate-btn-hover'); var therate = $(this).attr('id'); for (var i = therate; i >= 0; i--) { $('.rate-btn-'+i).addClass('rate-btn-hover'); }; }); $('.rate-btn').click(function(){ var therate = $(this).attr('id'); var dataRate = 'act=rate&product_id=<?php echo $product_id; ?>&rate='+therate; // $('.rate-btn').removeClass('rate-btn-active'); for (var i = therate; i >= 0; i--) { $('.rate-btn-'+i).addClass('rate-btn-active'); }; $.ajax({ type : "POST", url : "inc/ajax.php", data: dataRate, success:function(){} }); }); }); 

Счет

  <div class="box-result-cnt"> <?php $query = mysql_query("SELECT * FROM tbl_rating"); while($data = mysql_fetch_assoc($query)){ $rate_db[] = $data; $sum_rates[] = $data['rate']; } if(@count($rate_db)){ $rate_times = count($rate_db); $sum_rates = array_sum($sum_rates); $rate_value = $sum_rates/$rate_times; $rate_bg = (($rate_value)/5)*100; }else{ $rate_times = 0; $rate_value = 0; $rate_bg = 0; } ?> <hr> <h3>The content was rated <strong><?php echo $rate_times; ?></strong> times.</h3> <hr> <h3>The rating is at <strong><?php echo $rate_value; ?></strong> .</h3> <hr> <div class="rate-result-cnt"> <div class="rate-bg" style="width:<?php echo $rate_bg; ?>%"></div> <div class="rate-stars"></div> </div> <hr> </div>