Cara Membuat Peringkat Bintang dengan PHP dan jQuery AJAX

Hallo rekan rekan Dumenity berjumpa lagi pada tutorialÂ kursuswebprogramming, di panduan kali ini kita akan belajar tentangÂ Merancang Peringkat Bintang dengan PHP dan jQuery AJAX. Peringkat bintang digunakan bagi memberi peringkat halaman, artikel atau posting yang dipublikasikan ke pengguna ahir. Ini akan menolong pengguna bagi mengidentifikasi dan memilih konten berkualitas yang berperingkat tinggi. Pada artikel ini, kita akan melihat cara merancang aplikasi rating bintang PHP menggunakan jQuery AJAX. Pada contoh ini, saya telah menghitung peringkat bintang rata-rata dari total peringkat yang ditambahkan bagi setiap panduan.

Contoh peringkat bintang ini menunjukkan lima bintang yang dapat diklik bagi setiap panduan bagi menambahkan peringkat. Panduan dan peringkatnya disimpan pada basis data. Saya telah menyimpan peringkat merujuk pada sesi anggota. Saya hardcoded id sesi anggota di baris pertama-tama dari program ini. Kamu dapat mengintegrasikan modul otentikasi Kamu bagi mengganti ini dengan login di sesi sesi pengguna.

Daftar Panduan dengan Star Rating

Kode ini digunakan bagi mengambil data panduan dari database dan mencantumkannya dengan peringkat bintang. Saya menggabungkan panduan tabel dan tbl_member_rating menggunakan LEFT JOIN bagi memperoleh peringkat bintang bersama dengan informasi panduan. Bagi setiap panduan, saya menampilkan peringkat yang ditambahkan oleh pengguna dengan representasi grafis menyoroti bintang-bintang. Pun, saya menghitung nilai rata-rata dari 5 dengan menggunakan peringkat keseluruhan yang ditambahkan bagi panduan.

<?php<br />
$member_id = 1;<br />
require_once (“Rate.php”);<br />
$rate = new Rate();<br />
$result = $rate->getAllPost();</p>
<p>if (! empty($result)) {<br />
    $i = 0;<br />
    foreach ($result as $panduan) {<br />
        $ratingResult = $rate->getRatingByTutorialForMember($panduan[“id”], $member_id);<br />
        $ratingVal = “”;<br />
        if (! empty($ratingResult[0][“rating”])) {<br />
            $ratingVal = $ratingResult[0][“rating”];<br />
        }<br />
        ?><br />
<tr><br />
                <td valign=”top”><br />
                    <div class=”feed_title”><?php echo $panduan[“title”]; ?></div><br />
                    <div id=”tutorial-<?php echo $panduan[“id”]; ?>”<br />
                        class=”star-rating-box”><br />
                        <input type=”hidden” name=”rating” id=”rating”<br />
                            value=”<?php echo $ratingVal; ?>” /><br />
                        <ul<br />
                            onMouseOut=”resetRating(<?php echo $panduan[“id”]; ?>);”><br />
  <?php<br />
        for ($i = 1; $i <= 5; $i ++) {<br />
            $selected = “”;<br />
            if (! empty($ratingResult[0][“rating”]) && $i <= $ratingResult[0][“rating”]) {<br />
                $selected = “selected”;<br />
            }<br />
            ?><br />
  <li class='<?php echo $selected; ?>’<br />
                                onmouseover=”highlightStar(this,<?php echo $panduan[“id”]; ?>);”<br />
                                onmouseout=”removeHighlight(<?php echo $panduan[“id”]; ?>);”<br />
                                onClick=”addRating(this,<?php echo $panduan[“id”]; ?>);”>â˜…</li><br />
  <?php }  ?><br />
</ul><br />
                        <div<br />
                            id=”star-rating-count-<?php echo $panduan[“id”]; ?>”<br />
                            class=”star-rating-count”><br />
                                <?php</p>
<p>        if (! empty($panduan[“rating_total”])) {<br />
            $average = round(($panduan[“rating_total”] / $panduan[“rating_count”]), 1);<br />
            echo “Average Star Rating is ” . $average . ” from the Total ” . $panduan[“rating_count”] . ” Ratings”;<br />
            ?></p>
<p>                                <?php } else { ?><br />
                                No Ratings<br />
                                <?php  } ?><br />
                                </div></p>
<p>                    </div><br />
                    <div><?php echo $panduan[“description”]; ?></div><br />
                </td><br />
            </tr><br />
<?php<br />
    }<br />
}<br />
?>

<?php

$member_id = 1;

require_once (“Rate.php”);

$rate = new Rate();

$result = $rate–>getAllPost();

if (! empty($result)) {

$i = 0;

foreach ($result as $panduan) {

$ratingResult = $rate–>getRatingByTutorialForMember($panduan[“id”], $member_id);

$ratingVal = “”;

if (! empty($ratingResult[0][“rating”])) {

$ratingVal = $ratingResult[0][“rating”];

}

<tr>

<div id=“tutorial-<?php echo $panduan[“id”]; ?>“

class=“star-rating-box”>

<input type=“hidden” name=“rating” id=“rating”

value=“<?php echo $ratingVal; ?>“ />

<ul

onMouseOut=“resetRating(<?php echo $panduan[“id”]; ?>);”>

<?php

for ($i = 1; $i <= 5; $i ++) {

$selected = “”;

if (! empty($ratingResult[0][“rating”]) && $i <= $ratingResult[0][“rating”]) {

$selected = “selected”;

}

<li class=‘<?php echo $selected; ?>‘

onmouseover=“highlightStar(this,<?php echo $panduan[“id”]; ?>);”

onmouseout=“removeHighlight(<?php echo $panduan[“id”]; ?>);”

onClick=“addRating(this,<?php echo $panduan[“id”]; ?>);”>â˜…</li>

<?php } ?>

</ul>

<div

id=“star-rating-count-<?php echo $panduan[“id”]; ?>“

class=“star-rating-count”>

<?php

if (! empty($panduan[“rating_total”])) {

$average = round(($panduan[“rating_total”] / $panduan[“rating_count”]), 1);

echo “Average Star Rating is “ . $average . ” from the Total “ (Visited 168 times, 2 visits today)

Leave a Reply Cancel reply