Menampilkan peringkat bintang di php

Hari ini kita akan melihat trik PHP yang bagus. Di sini, dalam tutorial ini, kita akan melihat bagaimana kita dapat membuat peringkat bintang visual tergantung pada nilai dari 0 hingga 5 dalam PHP dan menggunakan font ikon bintang yang mengagumkan untuk menunjukkan peringkat bintang dari nilai tertentu itu

Kita sering melihat rating produk di Amazon dan situs eCommerce lainnya, rating film di IMDB dan sebagainya. Kita bisa melihat peringkat tersebut hanya dengan kombinasi bintang terang dan redup. Misalnya, kita akan melihat tiga bintang terang dan dua bintang redup yang mewakili peringkat bintang tiga dari 5. Juga, kita dapat melihat tiga bintang terang, setelah itu satu bintang setengah terang dan pada akhirnya, satu bintang redup mewakili 3. Peringkat 5 bintang di halaman web

Periksa apakah suatu string berisi kata tertentu menggunakan PHP

Bagaimana cara menghapus koma terakhir dari foreach loop PHP?

Sekarang, dalam tutorial ini, kita juga akan melihat bagaimana kita dapat membuat nilai bentuk peringkat bintang visual kita dalam PHP. Untuk ikon bintang, kita akan menggunakan ikon bintang Font Awesome. Font Awesome memiliki ikon bintang yang diperlukan yang dapat digunakan untuk sistem peringkat bintang. Ini berisi bintang terang penuh, bintang setengah terang dan bintang redup yang diperlukan untuk membangun sistem peringkat bintang kami

Trailer Video Film Dan Info Skrip PHP Yang Menggunakan TMDB API

Di bawah ini adalah fungsi PHP kami yang mudah digunakan

<?php

function star_rating($rating)
{

    $rating_round = round($rating * 2) / 2;

    if ($rating_round <= 0.5 && $rating_round > 0) {
        return '<i class="fa fa-star-half-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i>';
    }

    if ($rating_round <= 1 && $rating_round > 0.5) {
        return '<i class="fa fa-star"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i>';
    }

    if ($rating_round <= 1.5 && $rating_round > 1) {
        return '<i class="fa fa-star"></i><i class="fa fa-star-half-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i>';
    }

    if ($rating_round <= 2 && $rating_round > 1.5) {
        return '<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i>';
    }

    if ($rating_round <= 2.5 && $rating_round > 2) {
        return '<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-half-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i>';
    }

    if ($rating_round <= 3 && $rating_round > 2.5) {
        return '<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i>';
    }
    if ($rating_round <= 3.5 && $rating_round > 3) {
        return '<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-half-o"></i><i class="fa fa-star-o"></i>';
    }
    if ($rating_round <= 4 && $rating_round > 3.5) {
        return '<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-o"></i>';
    }
    if ($rating_round <= 4.5 && $rating_round > 4) {
        return '<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-half-o"></i>';
    }
    if ($rating_round <= 5 && $rating_round > 4.5) {
        return '<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>';
    }
    
}

?>

Sekarang kita harus memasukkan file Font Awesome CSS kita. di bawah ini adalah kode yang harus kita tempatkan di dalam tag kepala HTML kita

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
_

Sekarang, kita akan melihat penggunaan fungsi PHP kita

Untuk menggunakan fungsi kita, kita hanya perlu memanggil fungsi kita dengan rating sebagai parameter fungsi. Misalkan, kita ingin menampilkan rating bintang 3. 5, maka kita hanya akan menggunakan fungsi seperti yang dapat Anda lihat di bawah ini

<?php
  echo star_rating(3.5);
?>

Seperti yang bisa kita lihat, fungsi PHP yang baru saja kita buat sangat mudah digunakan. Setelah membuat fungsi, hanya diperlukan satu baris kode untuk memanggilnya

Sekarang lihat kode lengkap di bawah ini

<!DOCTYPE html>
<html>
<head>
  <title>Star ratings in PHP using font awesome star icons</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

  <style type="text/css">
    .ratings i {
      color: #ff9900;
    }
  </style>
</head>
<body>

<?php

function star_rating($rating)
{

    $rating_round = round($rating * 2) / 2;

    if ($rating_round <= 0.5 && $rating_round > 0) {
        return '<i class="fa fa-star-half-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i>';
    }

    if ($rating_round <= 1 && $rating_round > 0.5) {
        return '<i class="fa fa-star"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i>';
    }

    if ($rating_round <= 1.5 && $rating_round > 1) {
        return '<i class="fa fa-star"></i><i class="fa fa-star-half-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i>';
    }

    if ($rating_round <= 2 && $rating_round > 1.5) {
        return '<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i>';
    }

    if ($rating_round <= 2.5 && $rating_round > 2) {
        return '<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-half-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i>';
    }

    if ($rating_round <= 3 && $rating_round > 2.5) {
        return '<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i>';
    }
    if ($rating_round <= 3.5 && $rating_round > 3) {
        return '<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-half-o"></i><i class="fa fa-star-o"></i>';
    }
    if ($rating_round <= 4 && $rating_round > 3.5) {
        return '<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-o"></i>';
    }
    if ($rating_round <= 4.5 && $rating_round > 4) {
        return '<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-half-o"></i>';
    }
    if ($rating_round <= 5 && $rating_round > 4.5) {
        return '<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 class="ratings">
     <p>3.5 star ratings: <?php echo star_rating(3.5); ?></p>
     <p>5 star ratings: <?php echo star_rating(5); ?></p>
     <p>2.5 star ratings: <?php echo star_rating(2.5); ?></p>
     <p>4.5 star ratings: <?php echo star_rating(4.5); ?></p>
     <p>4 star ratings: <?php echo star_rating(4); ?></p>
  </div>


</body>
</html>

Anda dapat menyimpan kode di atas sebagai star_ratings. php dan kemudian jalankan di server Anda. Kami telah menambahkan warna CSS ke ikon bintang kami untuk memberikan tampilan yang lebih baik

Dapatkan kata acak dari kamus bahasa Inggris di tutorial PHP

Fungsi PHP yang mudah digunakan untuk menampilkan gambar acak dari direktori tertentu

Jadi kami baru saja membuat nilai kami sendiri untuk memberi peringkat bintang di PHP menggunakan ikon Font Awesome yang populer

Kami berharap Anda menyukai tutorial ini dan ini akan membantu proyek Anda. Jika Anda memiliki masalah dan membutuhkan bantuan, beri tahu kami. Anda dapat berkomentar di kotak komentar kami di bawah ini

Satu tanggapan untuk “Value To Visual Star Rating di PHP Menggunakan Font Awesome Star Icons”

  1. David berkata.

    Bukankah lebih mudah menetapkan array daripada mengembalikan. Lalu meletakkan foreach loop untuk mencetak hasil Anda?

    Bagaimana cara menampilkan peringkat bintang secara dinamis di PHP?

    Langkah Membuat Fitur Multiple Star Rating di PHP & MySQL. .
    1) Buat Tabel Database
    2) Membuat koneksi database
    3) Buat Indeks. php untuk Menampilkan Peringkat Bintang
    4) Tulis Kode Skrip jQuery Ajax
    5) Buat file Ajax untuk Menangani Permintaan Posting

    Bagaimana cara menambahkan peringkat bintang ke database saya?

    Langkah 1. Buat Tabel Basis Data. Pertama kita akan membuat tabel database MySQL item_rating untuk menyimpan detail rating dan komentar umpan balik
    Langkah 2. Buat Formulir Penilaian dan Tinjauan. .
    Langkah3. Rating dan Tinjau Formulir Kirim dan Simpan dengan jQuery Ajax. .
    Langkah4. Simpan Peringkat dan Tinjauan ke dalam Tabel Basis Data. .
    Langkah5. Tampilkan Peringkat dan Detail Ulasan

    Bagaimana cara menambahkan ulasan di PHP?

    Cara Membuat Halaman Review dan Rating di PHP dengan Ajax .
    Sistem Tinjauan & Pemeringkatan PHP menggunakan Ajax - Bagian 1
    Review PHP & Sistem Peringkat menggunakan Ajax - Bagian 2
    Menyiapkan Tabel Basis Data
    Halaman Indeks Sistem Tinjauan dan Peringkat
    Masukkan atau Tinjau Sve dan Data Sistem Peringkat
    Ambil Review & Rating Data Dari Database

    Bagaimana cara menambahkan peringkat bintang di laravel?

    Membuat Peringkat dan Ulasan Dengan Laravel .
    Seret dan Lepas Upload Gambar/File Menggunakan Laravel
    Masuk dan Daftar REST API Dengan Sanctum Laravel
    Unggah File menggunakan Ajax di Laravel