Tutorial Membuat NavBar Menu Dinamis + CRUD di Codeigniter bagian1; Membuat NavBar Menu Dinamis

Membuat NavBar Menu Dinamis

Jumpa lagi dengan saya di andrianext.web.id, melanjutkan dari tutorial sebelumnya yaitu membuat login multi user di codeigniter kali ini saya akan sharing bagaimana membuat Navbar Menu yang Dinamis. kenapa di sebut dinamis karena menu-menu yang akan di tampilkan berasal dari tabel database yang kita buat sendiri. Sebelumnya saya anggap anda sudah memiliki sebuah project/ folder di webserver local anda yang berisi source code codeigniter, dan untuk source code lengkapnya anda bisa download di tutorial saya sebelumnya/ langsung dari website resmi codeigniternya.

Dan langsung saja kita mulai dari membuat tabel databasenya di mysql ;

Buat tabel menu dengan nama tb_menu, disini saya menggunakan phpmyadmin untuk mempermudah management databasenya;

CREATE TABLE IF NOT EXISTS `tb_menu` (`id_menu` int(11) NOT NULL, `nama_menu` varchar(50) NOT NULL, `icon` varchar(20) NOT NULL, `link` varchar(25) NOT NULL, `kat_menu` int(11) NOT NULL) ENGINE=InnoDB AUTO_INCREMENT=8 DEFAULT CHARSET=latin1;ALTER TABLE `tb_menu`ADD PRIMARY KEY (`id_menu`);
ALTER TABLE `tb_menu`MODIFY `id_menu` int(11) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=8;

Membuat table database Menu dinamis di Codeigniter

Isi tabelnya dengan data sample seperti beriku;

INSERT INTO `tb_menu` (`id_menu`, `nama_menu`, `icon`, `link`, `kat_menu`) VALUES(1, 'Dasboard', 'fa fa-dashboard', '#', 0),(2, 'Dasboard 1', 'fa fa-dashboard', 'dashboard', 1),(3, 'Dasboard 2', 'fa fa-dashboard', 'dashboard/2', 1),(4, 'Seting Menu', 'fa fa-gears', '#', 0),(6, 'menu admin', 'fa fa-gear', 'menu', 4),(7, 'Page', 'fa fa-folder', 'menu/page', 0);

Lakukan beberapa config di codeigniter anda seperti beriku;

application/config/config.php

$config['base_url'] = 'http://localhost/andrianext/';

application/config/database.php

$db['default']['hostname'] = 'localhost';$db['default']['username'] = 'root';
$db['default']['password'] = '';$db['default']['database'] = 'multilogin';
$db['default']['dbdriver'] = 'mysql';

application/config/autoload.php

$autoload['libraries'] = array('database','session','form_validation','template');
$autoload['helper'] = array('url');

Selanjutnya kita akan menampilkan tabel menu tersebut ke dalam aplikasi web kita. Dan dalam tutorial kali ini saya menggunakan template Admin LTE yang sudah saya integrasikan dengan codeigniter, anda bisa anda download source code yang sudah lengkap dengan template tersebut di tutorial saya sebelumnya membuat login multi user di codeigniter.

Masuk di application/views/template/sidebar.php

Cari dan delete code berikut :