Pada tutorial kali ini kita akan belajar Cara Membuat Submenu Dinamis Menggunakan Codeigniter, jika kita membuat website yang kompleks maka kita kita membutuhkan sebuah menu yang dinamis, fungsi dari menu dinamis ini yaitu memudahkan kita dalam menggembangkan sebuah aplikasi atau sistem yang telah kita buat. Jadi kita ingin menambahkan sebuah menu dan sub menunya kita tidak perlu lagi merubah atau menambahkan struktur dari htmlnya, Cara Membuat Submenu Dinamis Menggunakan Codeigniter yaitu teman-teman bisa mengikuti step by step yang terdapat dibawah ini :
- Langkah yang pertama kita akan membuat sebuah database dan didalam database tersebut terdapat sebauh table menu dan table Table menu tersebut berfungsi sebagai menu dan table sub_menu sebagai sub_menu dan untuk struktur tablenya seperti dibawah ini :
Table menu
Table sub_menu
- Jika table menu dan table sub_menu nya telah kita buat selanjutnya silahkan teman-teman input datanya kedalam table menu dan table sub_menu seperti dibawah ini :
Table menu
Table sub_menu
- Jika semua tablenya telah teman-teman buat dan telah teman-teman input datanya selanjutnya kita akan membuat sebuah file pada core dengan nama php untuk me-load helper model yang akan kita gunakan, dan untuk script nya seperti dibawah ini :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<?php class MY_Controller extends CI_Controller{ public function __construct(){ parent::__construct(); //load class Database $this->load->database(); //load model $this->load->model(array('menu_m')); //load helper $this->load->helper(array('url')); } } |
- Berututnya kita akan membuat controllernya dengan nama Menu.php dan untuk script nya seperti dibawah ini :
|
1 2 3 4 5 6 7 8 9 |
<?php class Home extends MY_Controller{ public function index(){ $data['menu'] = $this->menu_m->tampil(); $data['title']='Home'; $this->load->view('menu',$data); } } |
- Selanjutnya kita akan membuat model dengan nama Menu_m.php dan untuk scriptnya seperti dibawah ini :
|
1 2 3 4 5 6 7 |
<?php class Menu_m extends CI_Model{ public function tampil(){ return $this->db->get('menu')->result(); } } |
- Kemudian kita akan membuat untuk views dengan nama menu.php untuk tampilan dari sub menunya untuk script nya seperti dibawah ini :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 |
<html> <head> <meta charset="UTF-8"> <title><?php echo $title?></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: grey; 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> <div class="menu"> <menu> <ul> <?php foreach ($menu as $menus) { echo '<li><a href="'. site_url($menus->url) .'">'. $menus->menu_utama .'</a>'; $a = $menus->id; $submenu = $this->db->query("SELECT * FROM sub_menu WHERE menu_id = '$a' "); echo '<ul>'; foreach ($submenu->result() as $submenus) { echo '<li><a href="">'.$submenus->submenu.'</a></li>'; } echo "</ul></li>"; } ?> </ul> </menu> </div> </body> </html> |
Nah jika kita jalanakan pada browser maka akan terlihat hasilnya seperti dibawah ini :
Oke teman-teman itulah pembahasan kita tentang Cara Membuat Submenu Dinamis Menggunakan Codeigniter semoga bermanfaat.
Terimakasih.