Cara Membuat Menu Dinamis Dengan PHP Dan Mysql
Halo Dumenity, selamat datang kembali di laman tips dan trik Source Code Aplikasi. Kembali lagi dengan saya yang pastinya memberikan tips dan trik seputar dunia laman. Di kesempatan kali ini saya akan memberikan tips mengenai Cara Membuat Menu Dinamis Dengan PHP Dan Mysql dimana kita akan membuatnya dengan php bagi mengambil data dari data mysql. Seperti yang kita tahu dengan menggunakan php kita dapat merancang sebuah fitur dinamis diantara nya fitur dinamis ini, di panduan kali ini kita akan merancang satu baris terlebih dahulu dan akan kita lanjutkan di artikel setelah ini merancang menut sub kategory bagi itu kunjungi terus laman ini ya 🙂
Bagus seketika saja kita implementasikan Cara Membuat Menu Dinamis Dengan PHP Dan Mysql pertama-tama – tama bikin database nya terlebih dahulu dan bikin table seperti gambar di bawah ini
Kemudian masukkan datanya
Kemudian kita bikin fitur nya dengan html dan css
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<fitur>
<ul>
<li><a href=#>Home</a></li>
<li><a href=#>About</a></li>
<li><a href=#>Contact</a></li>
<li><a href=#>Gallery</a></li>
<li><a href=#>Blog</a></li>
</ul>
</fitur>
</body>
</html>
Masukkan css nya
*{margin:0; padding:0;}
body{background:gray; margin-top:20px;}
fitur{width:800px; margin:auto; height:60px; background-color:black; border-radius: 20px 20px 0 0}
fitur ul {list-style: none}
fitur ul li{float:left; width: 20%; line-height:60px; text-align: center;}
fitur ul li a{display: block; text-decoration:none; color:white;}
fitur ul li a:hover{color:white; display: block; background-color:white; color:gray;}
fitur ul li:first-child a {border-radius: 20px 0 0 0}
fitur ul li:last-child a{border-radius: 0 20px 0 0}Save dengan nama index.php, kemudian kita bikin koneksinya
$server = localhost;
$username = root;
$password = ;
$db = hernowo;
$connect = mysqli_connect($server,$username,$password,$db);
if(!$connect){
die(Connection Failed : .mysqli_connect_error());
}
Lalu bikin petunjuk ambil data dan looping html nya di pada while
<ul>
<?php
$query = mysqli_query($connect,SELECT * FROM navbar LIMIT 5);
if(mysqli_num_rows($query)>0){
while($row = mysqli_fetch_array($query)){
?>
<li><a href=index.php?<?php echo $row['slug'] ?>><?php echo $row['name_nav'] ?></a></li>
<?php } ?>
<?php } ?>
</ul>
Di petunjuk Query kita berikan limit sebanyak 5, artinya kita akan membatasi data fitur sebanyak 5. Kalau telah save dan jalankan di browsernya karenanya hasilnya seperti gambar di bawah ini
Fitur dinamis dengan 1 kategori berhasil di bikin, oke demikian dulu di artikel kali ini mengenai Cara Membuat Menu Dinamis Dengan PHP Dan Mysql kita berjumpa kembali di artikel yang akan datang. Terimakasih dan hingga jumpa.
Semoga bermanfaat.
Sumber https://kursuswebsite.org
