Membuat Menu Dinamis Dengan PHP & MySQLi #1

 Membuat Menu Dinamis Dengan PHP & MySQLi #1

Pada tutorial sebelumnya telah dibahas bagaimana Melakukan Create Dan Insert Ke Database.  Pada tutorial kali ini akan saya bahas bagaimana membuat menu dinamis dengan PHP & MySQLi. Berikut langkah-langkah dalam membuat menu dimamis :

1. Tentunya anda masih ingat pada tutorial  Melakukan Create Dan Insert Ke Database telah dibahas tentang membuat (create) tabel menu dan mengisi (insert) tabel menu dengan beberapa data menu. Jika anda belum membuat database dengan nama latihan_php dan tabel dengan nama menu maka anda dapat membuatnya terlebih dahulu dengan melihat tutorial yang telah saya berikan sebelumnya.

2. Kemudian langkah  selanjutnya, buatlah folder dengan nama trikmasterphp didalam direktori C:\xampp\htdocs. Kemudian buat juga folder baru dengan nama menu didalam direktori C:\xampp\htdocs\trikmasterphp

3. Setelah membuat folder dengan nama menu. Langkah selanjutnya bukalah text editor NotePad++ atau Sublime atau Atom pada komputer atau laptop anda kemudian ketikkan script PHP dibawah ini, lalu simpan kedalam folder menu dengan nama koneksi.php

<?php 
// Membuat koneksi 
$con=mysqli_connect("localhost","root","","latihan_php"); 
// Melakukan pengecekan koneksi 
if (mysqli_connect_errno()) { echo "Koneksi Gagal !: " . mysqli_connect_error(); } 
?>

4. Lalu buatlah juga file baru dengan menggunakan NotePad++, kemudian ketikkan script PHP berikut dibawah ini dan simpanlah kedalam folder menu dengan nama fungsi_menu.php

<?php
   function menu($data, $parent = 0) {
     static $i = 1;
     $tab = str_repeat(" ", $i);
     //  print_r($data[$parent]);
     //  exit();
     if  (isset($data[$parent])) {
	$html = "$tab
        <ul id='menu-tree' class='filetree'>";
	   $i++;
	   foreach ($data[$parent] as $v) {
	     $child = menu($data, $v->id_menu);
	     $html .= "$tab
           <li>";
	      $html .= '<a href="'.$v->url.'">'.$v->title.'</a>';
	      if ($child) {
		$i--;
		$html .= $child;
		$html .= "$tab";
	       }
	      $html .= '</li>';
            }
	    $html .= "$tab</ul>";
	    return $html;
      } 
      else {
	     return false;
      }
   }
?>

5. Dengan text editor NotePad++ buatlah halaman baru dengan menekan CTRL+N pada keyboard laptop atau komputer anda, setelah muncul halaman baru di text editor NotePad++ anda, selanjutnya ketikkan script PHP dibawah ini dan simpan kedalam folder menu dengan nama menu.php

<?php 
include"koneksi.php"; 
include"fungsi_menu.php"; 
$sql = mysqli_query($con,"SELECT * FROM menu ORDER BY menu_order"); 
while ($row = mysqli_fetch_object($sql)) { 
  $data[$row->parent_id][] = $row;
}
$menu = menu($data);
echo "$menu"; 
?>

6. Langkah berikutnya buka web browser Mozilla Firefox, lalu panggil alamant localhost/trikmasterphp/menu/menu.php melalui bagian address kemudian tekan enter.

7. Maka hasil dari pembuatan menu akan terlihat seperti pada gambar dibawah ini.

Tutorial Langit Inspirasi
Ditulis oleh : Yosef Murya
Hak cipta dilindungi oleh undang-undang no 28 tahun 2014 (pasal 113)

0 Reviews

Leave a Reply

Your email address will not be published. Required fields are marked *

3 × five =

Secured By miniOrange