Cara Membuat Menu Dinamis Dengan PHP Dan Mysql

Halo Dumenity, selamat datang kembali di website tips dan trik Dumet School. Kembali lagi dengan saya yang tentunya memberikan tips dan trik seputar dunia website. Pada kesempatan kali ini saya akan memberikan tips tentang Cara Membuat Menu Dinamis Dengan PHP Dan Mysql dimana kita akan membuatnya dengan php untuk mengambil data dari data mysql. Seperti yang kita tahu dengan menggunakan php kita dapat membuat sebuah fitur dinamis salah satu nya menu dinamis ini, pada tutorial kali ini kita akan membuat satu baris terlebih dahulu dan akan kita lanjutkan pada artikel setelah ini membuat menut sub kategory untuk itu kunjungi terus website ini ya 🙂

Baik langsung saja kita implementasikan Cara Membuat Menu Dinamis Dengan PHP Dan Mysql pertama – tama buat database nya terlebih dahulu dan buat table seperti gambar di bawah ini

Kemudian masukkan datanya

Kemudian kita buat menu nya dengan html dan css

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<menu>
		<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>
	</menu>
</body>
</html>

Masukkan css nya

*{margin:0; padding:0;}
body{background:gray; margin-top:20px;}
menu{width:800px; margin:auto; height:60px; background-color:black; border-radius: 20px 20px 0 0}
menu ul {list-style: none}
menu ul li{float:left; width: 20%; line-height:60px; text-align: center;}
menu ul li a{display: block; text-decoration:none; color:white;}
menu ul li a:hover{color:white; display: block; background-color:white; color:gray;}
menu ul li:first-child a {border-radius: 20px 0 0 0}
menu ul li:last-child a{border-radius: 0 20px 0 0}

Save dengan nama index.php, kemudian kita buat koneksinya

$server = "localhost";
$username = "root";
$password = "";
$db = "hernowo";

$connect = mysqli_connect($server,$username,$password,$db);

if(!$connect){
    die("Connection Failed : ".mysqli_connect_error());
}

Lalu buat perintah ambil data dan looping html nya di dalam 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>

Pada perintah Query kita berikan limit sebanyak 5, artinya kita akan membatasi data menu sebanyak 5. Jika sudah save dan jalankan pada browsernya maka hasilnya seperti gambar di bawah ini

Menu dinamis dengan 1 kategori berhasil di buat, oke sekian dulu pada artikel kali ini tentang Cara Membuat Menu Dinamis Dengan PHP Dan Mysql kita berjumpa kembali pada artikel yang akan datang. Terimakasih dan sampai jumpa.

Semoga bermanfaat.

Cara Membuat Menu Dinamis Dengan PHP Dan Mysql

Kategori