Cara Membuat Submenu Dinamis Menggunakan PHP Mysql

Di panduan kali ini kita akan belajar Cara Membangun Submenu Dinamis Menggunakan PHP Mysql, jikalau kita ingin membangun sebuah situs yang kompleks pastinya fitur dinamis ini sangatlah diperlukan karena mempermudah kita bagi memaksimalkan aplikasi yang telah kita bikin nantinya, jadi jikalau terdapat penambahan fitur di aplikasi tersebut kita tak perlu lagi merubah struktur dari htmlnya, di panduan kali ini kita akan membangun sebuah fitur utama dan submenunya bagi Cara Membangun Submenu Dinamis Menggunakan PHP MysqlÂ teman-teman dapat seketika mengikuti step by step yang terdapat dibawah ini :

Langkah pertama-tama silahkan teman-teman bikin sebuah database dan didalam database tersebut terdapat sebuah table fitur dan table sub_menu, table fitur tersebut berfungsi selaku fitur utama dan table sub_menu selaku sub fitur dari fitur utama yang akan kita bikin nantinya, bagi struktur table yang akan kita bikin yaitu seperti dibawah ini :

Table fitur:

Table sub_menu :

Berikutnya silahkan teman-teman input datanya kedalam table fitur dan table sub_menu seperti dibawah ini :

Table fitur:

Table sub_menu:

Kalau telah kita akan bikin script PHP-nya seperti dibawah ini :

<?php<br />
	$conn=mysqli_connect(‘localhost’,’root’,”,’namaBD’);<br />
?><br />
<html><br />
	<head><br />
		<title>Cara Membangun Submenu Dinamis Menggunakan PHP Mysql</title></p>
<p>		<style></p>
<p>        * {margin:0; padding:0;}<br />
        .fitur {margin: auto; width: 60%; }<br />
        fitur ul {list-style:none;}<br />
        fitur >ul >li {float:left;}<br />
        fitur ul li a {text-decoration:none;<br />
            padding:5px 10px;<br />
            background: red;<br />
            width:90px;<br />
            height:20px;<br />
            display:block;<br />
            }<br />
        fitur ul >li >ul {top:30px;}</p>
<p>        fitur li {position:relative}<br />
        fitur li ul {position:absolute; display:none;}<br />
        fitur li:hover >ul {display:block;}<br />
        fitur li li >ul {left:100%; top:0px;}</p>
<p>	</style> </p>
<p>	</head><br />
	<body><br />
	<fitur><br />
	<ul><br />
	<?php<br />
		$sql = mysqli_query($conn,”SELECT id, menu_utama FROM fitur”);</p>
<p>		while($tampil=mysqli_fetch_array($sql)) {</p>
<p>			echo “<li><a href=’#’>”.$tampil[‘menu_utama’].”</a>”;</p>
<p>			$sql2 = mysqli_query($conn,”SELECT * FROM sub_menu WHERE menu_id = ‘”.$tampil[‘id’].”‘”);</p>
<p>			if($sql2) {<br />
				echo “<ul>”;<br />
				while($d=mysqli_fetch_array($sql2)) {<br />
					echo “<li><a href=’#’>”.$d[‘submenu’].”</a></li>”;</p>
<p>				}<br />
				echo “</ul>”;<br />
			} else {<br />
				echo “</li>”;<br />
			}<br />
		}<br />
	?><br />
	</ul><br />
</fitur><br />
	</body><br />
</html>

<?php

$conn=mysqli_connect(‘localhost’,‘root’,”,‘namaBD’);

<html>

<head>

<title>Cara Membangun Submenu Dinamis Menggunakan PHP Mysql</title>

<style>

* {margin:0; padding:0;}

.fitur {margin: auto; width: 60%; }

fitur ul {list-style:none;}

fitur >ul >li {float:left;}

fitur ul li a {text-decoration:none;

padding:5px 10px;

background: red;

width:90px;

height:20px;

display:block;

}

fitur ul >li >ul {top:30px;}

fitur li {position:relative}

fitur li ul {position:absolute; display:none;}

fitur li:hover >ul {display:block;}

fitur li li >ul {left:100%; top:0px;}

</style>

</head>

<body>

<fitur>

<ul>

<?php

$sql = mysqli_query($conn,“SELECT id, menu_utama FROM fitur”);

while($tampil=mysqli_fetch_array($sql)) {

echo “<li><a href=’#’>”.$tampil[‘menu_utama’].“</a>”;

$sql2 = mysqli_query($conn,“SELECT * FROM sub_menu WHERE menu_id = ‘”.$tampil[‘id’].“‘”);

if($sql2) {

echo “<ul>”;

while($d=mysqli_fetch_array($sql2)) {

echo “<li><a href=’#’>”.$d[‘submenu’].“</a></li>”;

}

echo “</ul>”;

} else {

echo “</li>”;

(Visited 72 times, 1 visits today)

Leave a Reply Cancel reply