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="//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
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="//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”
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 Database2) Membuat koneksi database3) Buat Indeks. php untuk Menampilkan Peringkat Bintang4) Tulis Kode Skrip jQuery Ajax5) Buat file Ajax untuk Menangani Permintaan PostingBagaimana 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 balikLangkah 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 UlasanBagaimana cara menambahkan ulasan di PHP?
Cara Membuat Halaman Review dan Rating di PHP dengan Ajax .Sistem Tinjauan & Pemeringkatan PHP menggunakan Ajax - Bagian 1Review PHP & Sistem Peringkat menggunakan Ajax - Bagian 2Menyiapkan Tabel Basis DataHalaman Indeks Sistem Tinjauan dan PeringkatMasukkan atau Tinjau Sve dan Data Sistem PeringkatAmbil Review & Rating Data Dari DatabaseBagaimana cara menambahkan peringkat bintang di laravel?
Membuat Peringkat dan Ulasan Dengan Laravel .Seret dan Lepas Upload Gambar/File Menggunakan LaravelMasuk dan Daftar REST API Dengan Sanctum LaravelUnggah File menggunakan Ajax di Laravel