Selamat datang di CORETAN KODING, kali ini tutorial membuat sub menu php dinamis,
pertama siapkan segelas kopi bagi penikmat kopi, untuk naikan mood..
rokok sebungkus bagi penikmat Rokok.
Baik langsung saja kita implementasikannya, kita siapkan datanya:
open xampp
- start apache
- start mysql
open local disk :C
open file htdocs
- buat folder dengan nama A16 atau bebas dengan nama yang anda inginkan.
- kemudian buat folder bernama page
setelah selesai..
lanjutkan membuat database dengan nama DB2022
nama jenis panjang
id int 25
menu_utama varchar 50
url varchar 50
setelah ini buatlah tabel kedua dengan nama SUBMENU
nama jenis panjang
id int 25
id int 25
menu_id int 25
submenu varchar 50
submenu_link varchar 50
setelah selesai membuat database, kemudian inputkan data padat tabel MENU seperti ini
lalu inputkan data padat tabel SUB_MENU seperti ini
selesai pada proses pembuatan databse.
open sumblimetext
- copy pastekan script ini, kemudian save dengan nama MENU.php
<html>
<head>
<title>Cara Membuat Submenu Dinamis Menggunakan PHP Mysql</title>
<style>
* {margin:0; padding:0;}
.menu {margin: auto; width: 60%; }
menu ul {list-style:none;}
menu >ul >li {float:left;}
menu ul li a {text-decoration:none;
padding:5px 10px;
background: red;
width:90px;
height:20px;
display:block;
}
menu ul >li >ul {top:30px;}
menu li {position:relative}
menu li ul {position:absolute; display:none;}
menu li:hover >ul {display:block;}
menu li li >ul {left:100%; top:0px;}
</style>
</head>
<body>
<menu>
<ul>
<?php
// Load file koneksi.php
include './page/koneksi_database.php';
$sql = mysql_query("SELECT id, menu_utama FROM menu");
while($tampil=mysql_fetch_array($sql)) {
echo "<li><a href='#'>".$tampil['menu_utama']."</a>";
$sql2 =mysql_query("SELECT * FROM sub_menu WHERE menu_id = '".$tampil['id']."'");
if($sql2) {
echo "<ul>";
while($d=mysql_fetch_array($sql2)) {
echo "<li><a href='#'>".$d['submenu']."</a></li>";
}
echo "</ul>";
} else {
echo "</li>";
}
}
?>
</ul>
</menu>
</body>
</Html>
hingga hasil seperti ini:
copy script di bawah ini:
<?php
#koneksi ke web server lokal
$Myhost="localhost";
$Myuser="root";
$Mypass="";
$Mydbs="db2022";
#konek ke web server lokal'
$koneksidb= mysql_connect($Myhost, $Myuser, $Mypass);
mysql_select_db($Mydbs, $koneksidb);
?>
seperti gambar di bawah ini :
kemudian save dengan nama KONEKSI_DATABASE.php kedalam folder PAGE yang ada di htdocs.
kemudian tampilkan
