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

CRUD ( Create Read Update dan Delete ) di Codeigniter
Di codeigniter menggunakan MVC (Model, View dan controller), dimana Model : untuk membuat query database, View : untuk menampilkan halaman yang kita buat, dan controller : yang menghubungkan antara model dan view. Untuk membuat form input, dan update di codeigniter yang pertama harus di buat dulu controllernya, kemudian views untuk menampilkan contentnya. 

Menampilkan data dari tabel menu
Langsung saja kembali ke topik awal kita buat controller terlebih dahulu;
application/controller/menu.php
copykan script di bawah ini;
class Menu extends CI_Controller{
   
    function __construct() {
        parent::__construct();
    }
   
    function index() {      
        $data['record']=  $this->db->get('tb_menu')->result();
        $this->template->display('menu/view',$data);
    }
}

Kemudian save dan buat views nya, application/views/menu/view.php, berikut view scriptnya

Membuat Menu dinamis di Codeigniter

Buka https://localhost/andrianext , masukan user login : andrianext , password : admin , setlah masuk ke halaman dashboard pilih menu admin - menu seting maka akan tampil data menu seperti berikut;

Membuat Menu dinamis di Codeigniter

Membuat form input data untuk tabel menu
Buat form input, buka controller menu ; application/controller/menu.php 
Tambahkan fungsi add/tambah di controller seperti script berikut;

function add() {
        if(isset($_POST['submit'])) {
            $data   =   array(  'nama_menu' =>  $_POST['nama'],
                                'link'      =>  $_POST['link'],
                                'icon'      =>  $_POST['icon'],
                                'kat_menu'  =>  $_POST['kat_menu']);
            $this->db->insert('tb_menu',$data);
            redirect('menu');
        }
        else {
            $data['record']=$this->db->get_where('tb_menu', array('kat_menu' =>0))->result();            
            $this->template->display('menu/tambah',$data);
        }
    }

Penjelasan singkat script diatas :
Baris pertama nama function tambah / add
Baris ke 2 s/d 8 pengecekan kondisi dimana ketika function add di panggil dan ifen $_POST[submit] di jalankan maka akan mengambil data di form input dan menyimpan ya ke tabel database
Baris 9 s/d 13 menampilkan form inputan yang masih kosong dan kemudian menampilkan dropdown menu dari tabel menu.


Kemudian buat form inputnya di application/views/menu/tambah.php;

Membuat Menu dinamis di Codeigniter

 Hasil form tambah dari script di atas;
Membuat Menu dinamis di Codeigniter



Membuat form edit data 
Buka application/controller/menu.php 
Tambahkan fungsi edit di controller seperti script berikut;

function edit()
    {
        if(isset($_POST['submit']))
        {
            $data   =   array(  'nama_menu' =>  $_POST['nama'],
                                'link'      =>  $_POST['link'],
                                'icon'      =>  $_POST['icon'],
                                'kat_menu'  =>  $_POST['kat_menu']);

            $this->db->where('id_menu',$_POST['id']);
            $this->db->update('tb_menu',$data);
            redirect('menu');
        }
        else {
            $id= $this->uri->segment(3);
            $data['record']=  $this->db->get_where('tb_menu',array('id_menu'=> $id))->row_array();
            $data['katmenu']=$this->db->get_where('tb_menu', array('kat_menu' =>0))->result(); 
            $this->template->display('menu/edit',$data);
        }
    }


Selanjutnya buat view form editnya;
application/views/menu/edittambah.php ;

Membuat Menu dinamis di Codeigniter

Membuat Menu dinamis di Codeigniter




Hasil form edit seperti berikut;
Membuat Menu dinamis di Codeigniter

Membuat function delete data
Buka kembali application/controller/menu.php , tamnahkan script berikut ini

function delete($id){
$this->db->where('id_menu',$id);
$this->db->delete('tb_menu');
        redirect('menu');
    }

Demikian tutotial membuat CRUD di codeigniter yang mungkin masih banyak kekurangan. dan semoga bisa membantu pembaca yang membutuhkan.
untuk lebih mudahnya berikut saya lampirkan source code  project lengkapnya di Download
dan untuk demo aplikasinya bisa anda buka di http://app.andrianext.web.id

3 comments

gimana tampilkan menu nya ??

bisa dilihat di tutorial di atas yang bagin 1-2 mas di situ dijelaskan dari awal pembuatan controllernya sampai menampilkan menunya.

Kalau integrasi adminLTE dengan jqwidgets datagrid


EmoticonEmoticon