Tutorial membuat CRUD dengan Codeigniter dan Mysql Lengkap

Membuat CRUD (Create, Read, Update, Delete) pada framework Codeigniter dengan database menggunakan database mysql sebenernya lebih simple kalau kalian sudah paham tentang konsep MVC (Model-View-Controller) pada Codeigniter serta sudah memahi tentang perintah dasar SQL query untuk menampilkan, edit hapus, dan tambah pada database.

setelah sebelumnya saya membahas tentang cara pemasangan template admin pada codeigniter bisa dilihat disini. sekarang kita akan membahas tentang cara buat CRUD pada codeigniter. dari mulai konfigurasi pada framework, pembuatan database, pembuatan tabel/form, sampai buat crud itu sendiri.

sebelum memulai saya akan rinci langkah langkah nya sebagai berikut :

• Pembuatan database
• konfigurasi Codeigniter
• Membuat Model CRUD
• Membuat Tabel Tampil
• Membuat Form Add
• Membuat Form Edit
• Membuat Fitur Hapus

Membuat Database pada Mysql

pertama kita buat database baru pada mysql http://localhost/phpmyadmin dengan nama db_latihan;

selanjutnya buat tabel dengan nama tb_mahasiswa dan buat 5 kolom

lalu isi masing nama field dengan NIM, Nama lengkap, Tanggal Lahir Alamat, dan jurusan. untuk type datanya mengunakan varchar dan panjang nya sesuaikan.

maka hasilnya seperti ini

pembuatan database sudah selesai, kita lanjut ke langkah berikutnya.

Konfigurasi Codeigniter dengan Mysql

saya pastikan semua sudah punya framework Codeigniter (CI) nya yah!

pertama buka pengaturan database pada CI di direktori config/databases.php, lalu masukan nama databasenya, yang lainnya sesuaikan gambar.

untuk hostname : localhost (menggunakan local belum domain)

          username : root 

          password : kosongkan

          database  : db_latihan

langkah selanjutnya masuk ke  config/autoload.php, dan cari $autoload['libraries'] lalu tambahkan database

ini fungsinya untuk meload database secara otomatis, karena kita sekarang akan menggunakan database untuk menjalankan aplikasinya.

konfigurasi ci dengan mysql selesai.

Membuat Model CRUD 

model ini fungsinya untuk mengakses database yang mengandung fungsi yang membantu menjalankan perintah CRUD.

sekarang kita buat model  dengan nama Model_Crud.php dengan coding sebagai berikut :

<?php defined('BASEPATH') OR exit('No direct script access allowed'); class Model_Crud extends CI_Model { public function __construct() { parent::__construct(); $this->load->database(); } //untuk menampilkan semua data public function get_all() { $this->db->from($this->table); $this->db->order_by($this->id,'DESC'); $query=$this->db->get(); return $query->result(); } //untuk menampilkan semua data sesuai id public function get_by_id($id) { $this->db->from($this->table); $this->db->where($this->id,$id); $query = $this->db->get(); return $query->row(); } //untuk insert semua data public function add($data) { $this->db->insert($this->table, $data); return $this->db->insert_id(); } //untuk update data public function update($where, $data) { $this->db->update($this->table, $data, $where); return $this->db->affected_rows(); } //untuk delete data public function delete_by_id($id) { $this->db->where($this->id, $id); $this->db->delete($this->table); } }

kode crud ini bisa dipakai untuk semua tabel jadi tidak perlu lagi capek - capek buat function satu persatu, code ini boleh di copy semua.

Membuat Controller

Sekarang kita akan buat controllernya dengan nama mahasiswa.php



<?php defined('BASEPATH') OR exit('No direct script access allowed'); class Mahasiswa extends CI_Controller { var $table = 'tb_mahasiswa'; //nama tabel var $id = 'NIM'; // primary key public function __construct() { parent::__construct(); $this->load->helper('url'); $this->load->model('Model_Crud'); //nama model } public function index() { $data['mahasiswa'] = $this->Model_crud->get_all(); $data['title'] = "Master DE codeigniter"; $data['isi'] = "content/view_tampil"; $this->load->view('template',$data); } }

disini saya baru membuat function index untuk menampilkan data mahasiswa saja .

Membuat View

Membuat halaman Tampil

sekarang kita akan membuat sebuah halaman untuk menampilkan semua data mahasiswa dalam bentuk tabel dengan nama view_tampil.php.

pertama buat halaman view_tampil.php dan scripnya sebagai berikut.


<div id="content-wrapper"> <div class="container-fluid"> <!-- Breadcrumbs--> <?php $this->load->view("page/breadcrumb.php") ?> <div align="left" style="padding-right: 90px;"> <a href="<?=base_url('index.php/mahasiswa/tambah')?>" class="btn btn-warning">+ TAMBAH</a> </div></br> <!-- DataTables Example --> <div class="card mb-3"> <div class="card-header"> <i class="fas fa-table"></i> Data Table Example</div><div class="card-body"> <div class="table-responsive"> <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0"> <thead><tr> <th>NIM</th> <th>Nama Lengkap</th> <th>Tanggal Lahir</th> <th>Alamat</th> <th>Jurusan</th> <th>Action</th> </tr></thead> <tbody> <?php if (!empty($mahasiswa)) { foreach ($mahasiswa as $row) { ?><tr> <td><?php echo $row->NIM;?> </td> <td><?php echo $row->Nama_Lengkap;?> </td> <td><?php echo $row->Tanggal_Lahir;?> </td> <td><?php echo $row->Alamat;?> </td> <td><?php echo $row->Jurusan;?> </td> <td><a href="<?= base_url('index.php/mahasiswa/edit/').$row->NIM ?>">Edit</a> | <a href="<=base_url('index.php/mahasiswa/delete_data/').$row->NIM ?>">Hapus</a></td> </tr><?php } }else{ echo "maaf data kosong"; } ?> </tbody> </table></div></div><div class="card-footer small text-muted">Updated yesterday at 11:59 PM</div></div></div>

keterangan : $mahasiswa diambil dari variabel controler
                     php echo $row->NIM, sesuaikan dengan nama di tabel database

alangkah baiknya setelah ini di cek takutnya ada kode yang error
cek http://localhost/masde/index.php/mahasiswa

disitu saya sudah menambahkan button tambah kemudian action edit dan hapus.

untuk button tambah kita buat function tambah di controler, scriptnya

ini berfungsi untuk menampilkan halaman form add mahasiswa yang akan kita buat

langkah selanjutnya membuat halaman untuk menambahkan data mahasiswa berupa form

Membuat Form Add

buatlah halaman dengan nama form_mahasiswa.php dan untuk scripnya sebagai berikut.


<div class="container"> <div class="card card-register mx-auto mt-5"> <div class="card-header">Tambah Data Mahasiswa</div><div class="card-body"> <form class="form-horizontal" method="POST" enctype="multipart/form-data" action="<?php echo base_url();?>index.php/mahasiswa/insertdata"> <div class="form-group"> <div class="form-row"> <div class="col-md-6"> <div class="form-label-group"> <label>NIM</label> </div></div><div class="col-md-6"> <div class="form-label-group"> <input type="text" name="txtnim" class="form-control" placeholder="Masukan NIM" required="required"> </div></div></div></div><div class="form-group"> <div class="form-row"> <div class="col-md-6"> <div class="form-label-group"> <label>Nama Lengkap</label> </div></div><div class="col-md-6"> <div class="form-label-group"> <input type="text" name="txtnama" class="form-control" placeholder="Nama Lengkap" required="required"> </div></div></div></div><div class="form-group"> <div class="form-row"> <div class="col-md-6"> <div class="form-label-group"> <label>Tanggal Lahir</label> </div></div><div class="col-md-6"> <div class="form-label-group"> <input type="text" name="txttgl" class="form-control" placeholder="" required="required"> </div></div></div></div><div class="form-group"> <div class="form-row"> <div class="col-md-6"> <div class="form-label-group"> <label>Alamat</label> </div></div><div class="col-md-6"> <div class="form-label-group"> <input type="text" name="txtalamat" class="form-control" placeholder="" required="required"> </div></div></div></div><div class="form-group"> <div class="form-row"> <div class="col-md-6"> <div class="form-label-group"> <label>Jurusan</label> </div></div><div class="col-md-6"> <div class="form-label-group"> <input type="text" name="txtjurusan" class="form-control" placeholder="" required="required"> </div></div></div></div><button class="btn btn-primary btn-block" href="" type="submit" name="simpan">Simpan</button> </form></div></div></div>

yang perlu di perhatikan disini adalah

<form class="form-horizontal" method="POST" enctype="multipart/form-data" action="<?php echo base_url();>index.php/mahasiswa/insertdata">

serta name form nya harus di isi (name="txtnim")

setelah itu kita buat function di controler mahasiswa dengan nama insertdata

'NIM' = namanya harus sama dengan di database
'txtnim' = namanya harus sama dengan name pada form add

Membuat Form Edit

sebelum membuat form edit kita buat function controller untuk menampilkan halaman edit tersebut

nah baru sekarang kita buat halaman editnya kita beri nama edit_mahasiswa,php untuk scriptnya sama seperti form add hanya ada value

<div class="container"> <div class="card card-register mx-auto mt-5"> <div class="card-header">Edit Data Mahasiswa</div><div class="card-body"> <form class="form-horizontal" method="POST" enctype="multipart/form-data" action="<?php echo base_url();?>index.php/mahasiswa/updatedata"> <div class="form-group"> <div class="form-row"> <div class="col-md-6"> <div class="form-label-group"> <label>NIM</label> </div></div><div class="col-md-6"> <div class="form-label-group"> <input class="form-control" type="text" name="txtnim" value="<?php echo $data->NIM ?>" id="focusedinput" placeholder="Default Input"> </div></div></div></div><div class="form-group"> <div class="form-row"> <div class="col-md-6"> <div class="form-label-group"> <label>Nama Lengkap</label> </div></div><div class="col-md-6"> <div class="form-label-group"> <input type="text" name="txtnama" value="<?php echo $data->Nama_Lengkap ?>" class="form-control" placeholder="Nama Lengkap" required="required"> </div></div></div></div><div class="form-group"> <div class="form-row"> <div class="col-md-6"> <div class="form-label-group"> <label>Tanggal Lahir</label> </div></div><div class="col-md-6"> <div class="form-label-group"> <input type="text" name="txttgl" value="<?php echo $data->Tanggal_Lahir ?>" class="form-control" placeholder="" required="required"> </div></div></div></div><div class="form-group"> <div class="form-row"> <div class="col-md-6"> <div class="form-label-group"> <label>Alamat</label> </div></div><div class="col-md-6"> <div class="form-label-group"> <input type="text" name="txtalamat" value="<?php echo $data->Alamat ?>" class="form-control" placeholder="" required="required"> </div></div></div></div><div class="form-group"> <div class="form-row"> <div class="col-md-6"> <div class="form-label-group"> <label>Jurusan</label> </div></div><div class="col-md-6"> <div class="form-label-group"> <input type="text" name="txtjurusan" value="<?php echo $data->Jurusan ?>" class="form-control" placeholder="" required="required"> </div></div></div></div><button class="btn btn-primary btn-block" href="" type="submit" name="simpan">Simpan Perubahan</button> </form></div></div></div>

di sini hanya menambahkan value seperti value="<?php echo $data->Nama_Lengkap ?>" untuk menampilkan nama dan link action nya actionnya
"<?php echo base_url(); >index.php/mahasiswa/updatedata">

sekarang kita buat controler untuk update nya

sampai sini kita tadi sudah buat crud tampil, tambah dan edit. sekarang terkahir kita buat action hapusnya

untuk membuat action hapus kita hanya buat controlernya saja seperti berikut.

mungkin cukup sekian dulu tutorialnya semoga dapat di mengerti dan membantu anda.

Share :