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 Show
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”
|