Skip to content

Membuat Menu Dinamis (Parenting Menu) dengan PHP

January 31, 2012

ini sebagai arsip saja,

misi dari tulisan ini adalah membuat menu parenting unlimited dengan PHP + (MySQL sebagai database), artinya menu tersebut mempunyai banyak submenu tanpa batas.

jadi kalo digambarkan kurang lebih seperti ini

Gambar menu parenting unlimited

 

Nah, contoh menu diatas , pada sub menu Indonesia1 masih bisa ditambah lagi beberapa sub menu bahkan hingga tak terbatas!! gimana keren kan!

Saya asumsikan bahwa kita telah mempunyai database latihan, dengan menggunakan database ini kita harus membuat sebuah table saya contohkan disini adalah table menu:

Struktur Database Menu Parenting Unlimited

Nah setelah membuat table menu, selanjutnya kita mulai koding, tentunya dengan PHP.

saya contohkan script ini dismpan sebagai file index.php

<?php
$db_host = ‘localhost’;
$db_user = ‘root’;
$db_pass = ‘root’;
$db_name = ‘latihan’;

$link = mysql_connect($db_host,$db_user,$db_pass) or die(“Koneksi error”);
$dblink = mysql_select_db($db_name,$link) or die(“Pilih database error”);

function show($id = ‘’){
$where = ‘’;
if(strlen($id) > 0) $where = ” WHERE parent=’$id’”;
$sql = “SELECT * FROM menu $where”;
$res = mysql_query($sql);
$num = mysql_num_rows($res);

while($row = mysql_fetch_assoc($res)){
if($i == 0) echo “\n<ul>”;
$i++;
echo “\n\t\t<li>$row[nama]”;
echo $i;
show($row[’id’]);
echo “</li>”;
if($i == $num)echo “\n</ul>”;
}

}

show(“0”);

?>

Setelah langkah ini dilakukan, selanjutnya kita harus mengisi table menu tadi untuk melihat hasilnya apakah berjalan dengan baik atau tidak.

kalo lagi males, kebetulan saya sudah siapkan sql buat ngisi table tersebut, tinggal copas saja dibawah:

 

INSERT INTO `menu` VALUES (1, 0, ‘Makanan’);
INSERT INTO `menu` VALUES (2, 0, ‘Minuman’);
INSERT INTO `menu` VALUES (3, 1, ‘Baso’);
INSERT INTO `menu` VALUES (4, 1, ‘Mi ayam’);
INSERT INTO `menu` VALUES (5, 1, ‘Pizza’);
INSERT INTO `menu` VALUES (6, 1, ‘Pecel’);
INSERT INTO `menu` VALUES (7, 2, ‘Jus Rmbutan’);
INSERT INTO `menu` VALUES (8, 2, ‘Es campur’);
INSERT INTO `menu` VALUES (9, 2, ‘Es Doger’);
INSERT INTO `menu` VALUES (10, 2, ‘Es Kenyot’);
INSERT INTO `menu` VALUES (11, 5, ‘Rasa ayam’);
INSERT INTO `menu` VALUES (12, 5, ‘Rasa Jamur’);
INSERT INTO `menu` VALUES (13, 11, ‘Kampung’);
INSERT INTO `menu` VALUES (14, 11, ‘Negeri’);
INSERT INTO `menu` VALUES (15, 14, ‘Indonesia’);
INSERT INTO `menu` VALUES (16, 14, ‘Arab’);

 

Sekarang kita bisa melihat hasil dengan membuka browser kemudianketikan alamat dimana anda menginstall script tadi :) .

 

sumber : http://di2n.blogsome.com/2009/08/21/membuat-menu-dinamis-parenting-menu-dengan-php/

No comments yet

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: