Cara Mudah Membuat CRUD dengan Codeigniter dan MySQL

A. PENGERTIAN

CRUD adalah singkatan dari Create Read Update Delete , yang sering digunakan pada aplikasi-aplikasi pengolahan data yang kebanyakan mengguanakan fungsi CRUD didalamnya . Fungsi ini digunakan untuk menambahkan data, menghapus data, serta mengupdate data.

B. PENJELASAN 

• C (Create): yang berarti membuat sebuah data baru, contoh kita sedang melakukan registrasi disebuah web itu sudah merupakan Create dari CRUD karena kita membuat dan menyimpan data registrasi ke database.

• R (Read): Membaca atau menampilkan suatu data yang tadinya berada didatabase MySQL misalnya, kemudian ditampilkan di WEB menggunakan bahasa pemrograman Php

• U (Update): nah untuk yang satu ini prosesnya adalah mengedit sebuah data dari database yang kemudian di edit menggunakan bahasa pemrograman Php berupa WEB. Contoh edit profil facebook.

• D (Delete): Pastinya Anda tahu fungsinya apa bukan? Fungsinya hampir sama dengan Update akan tetapi proses ini adalah untuk melakukan penghapusan data di database melalui bahasa Php. Contoh pada sebuah blog terkadang ada komentar, kemudian kita hapus komentar tersebut, nah itu sudah termasuk proses delete dalam CRUD.

STEP  1 – INSTALASI

Pada tahap ini kita akan menyiapkan hal-hal yang diperlukan.

1. Download Framework Codeigniter, klik link berikut : download.
   Bingung cara downloadnya? klik disini untuk melihat caranya.
2. Buat sebuah folder dengan nama crud_ci, lalu simpan pada folder xampp/htdocs/.
3. Copy and paste file codeigniter_v3.7z yang telah di download tadi ke folder xampp/htdocs/crud_ci.
4. Ekstrak file codeigniter_v3.7z nya.

---

STEP 2 – BUAT DATABASE

Buat database dengan nama mynotescode, lalu buat sebuah tabel siswa dengan struktur tabel seperti berikut ini :

1. CREATE TABLE IF NOT EXISTS `siswa` (
2. `nis` varchar(11) NOT NULL,
3. `nama` varchar(50) NOT NULL,
4. `jenis_kelamin` varchar(10) NOT NULL,
5. `telp` varchar(15) NOT NULL,
6. `alamat` text NOT NULL,
7. PRIMARY KEY (`nis`)
8. ) ENGINE=InnoDB DEFAULT CHARSET=latin1;

---

STEP 3 – KONFIGURASI

Karena dibuat dengan Codeigniter, pertama kita harus melakukan konfigurasi terlebih dahulu pada framework codeigniternya.

Baca Juga:

• Tutorial Codeigniter Bahasa Indonesia Lengkap Plus Source Code
• Tutorial PHP Bahasa Indonesia Lengkap Plus Source Code
• Cara Membuat Login Multi Level User dengan Codeigniter dan MySQL
• Cara Mudah Membuat Form Datepicker dengan Bootstrap 4

1. Buka folder xampp/htdocs/crud_ci/application/config/
2. Buka file config.php
   Cari kode berikut $config['base_url'] = '';Ubah kode tersebut jadi seperti ini :
   1. $config['base_url'] = 'http://localhost/crud_ci';
   Kode diatas digunakan untuk menset baseurlnya.
   Kemudian cari kode berikut $config['index_page'] = 'index.php';, ubah kode tersebut jadi seperti ini :
   1. $config['index_page'] = '';
   Ini kita hilangkan index.php nya, nanti akan kita bahas pada step selanjutnya kenapa harus di hilangkan.
   Lalu simpan file tersebut.
3. Buka file autoload.php
   Cari kode berikut ini :
   1. $autoload['libraries'] = array();
   2. $autoload['helper'] = array();
   Ubah jadi seperti ini :
   1. $autoload['libraries'] = array('database');
   2. $autoload['helper'] = array('form','url');
   Kode diatas digunakan untuk memuat (menload) class database, form, dan url.
   Lalu simpan file tersebut.
4. Buka file routes.php
   Cari kode berikut ini :
   1. $route['default_controller'] = 'welcome';
   Ubah jadi seperti ini :
   1. $route['default_controller'] = 'siswa';
   Kode diatas digunakan untuk menset controller mana yang akan diload pertama kali. Secara default, Codeigniter telah menset default controller yaitu welcome. Disini kita set default controller menjadi main.
   Lalu simpan file tersebut.
5. Buka file database.php
   Cari kode berikut ini :
   1. 'hostname' => 'localhost',
   2. 'username' => '',
   3. 'password' => '',
   4. 'database' => '',
   Ubah jadi seperti ini :
   1. 'hostname' => 'localhost', // Nama host
   2. 'username' => 'root', // Username
   3. 'password' => '', // Jika menggunakan password isi, jika tidak kosongkan saja
   4. 'database' => 'mynotescode', // Nama databasenya
   Kode diatas digunakan untuk koneksi ke database.
   Lalu simpan file tersebut.

---

STEP 4 – SETTING HTACCESS

Pada step ini, kita akan coba membuat URL dari website kita agar terlihat lebih frienly user (URL Friendly). Di Codeigniter, URL default ketika kita akan mengakses sebuah function di controller, pada URL tersebut akan disisipkan “index.php”. Sebagai contoh misalnya saya akan mengakses function save pada controller siswa, secara default URL untuk mengaksesnya seperti ini : localhost/crud_ci/index.php/siswa/save. Nah sekarang kita akan menghapus “index.php” pada URL nya. dengan cara menggunakan yang namanya htaccess. Buat sebuah file baru dengan nama .htaccess, lalu simpan pada folder xampp/htdocs/crud_ci/. Berikut kode nya :

1. RewriteEngine On
2. RewriteCond %{REQUEST_FILENAME} !-f
3. RewriteCond %{REQUEST_FILENAME} !-d
4. RewriteRule ^(.*)$ index.php/$1 [L]

Kode tersebut saya juga kurang begitu paham, tapi yang pasti berfungsi untuk menghilangkan “index.php” tadi. Kode tersebut juga saya dapatkan langsung dari dokumentasi codeigniternya. Anda bisa melihatnya disini : Removing the index.php file (Anda akan dibawa ke halaman iklan terlebih dahulu, Lihat di pojok kanan atas, tunggu 5 detik. lalu klik tombol SKIP AD).

---

STEP 5 – BUAT MODEL

Sekarang kita akan membuat modelnya. berisi sebuah fungsi untuk menampilkan semua data siswa pada tabel siswa. Buat sebuah file dengan nama SiswaModel.php, Lalu simpan pada folder xampp/htdocs/crud_ci/application/models/. Berikut kodenya :

1. <?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
3. class SiswaModel extends CI_Model {
4. // Fungsi untuk menampilkan semua data siswa
5. public function view(){
6. return $this->db->get('siswa')->result();
7. }
9. // Fungsi untuk menampilkan data siswa berdasarkan NIS nya
10. public function view_by($nis){
11. $this->db->where('nis', $nis);
12. return $this->db->get('siswa')->row();
13. }
15. // Fungsi untuk validasi form tambah dan ubah
16. public function validation($mode){
17. $this->load->library('form_validation'); // Load library form_validation untuk proses validasinya
19. // Tambahkan if apakah $mode save atau update
20. // Karena ketika update, NIS tidak harus divalidasi
21. // Jadi NIS di validasi hanya ketika menambah data siswa saja
22. if($mode == "save")
23. $this->form_validation->set_rules('input_nis', 'NIS', 'required|numeric|max_length[11]');
25. $this->form_validation->set_rules('input_nama', 'Nama', 'required|max_length[50]');
26. $this->form_validation->set_rules('input_jeniskelamin', 'Jenis Kelamin', 'required');
27. $this->form_validation->set_rules('input_telp', 'telp', 'required|numeric|max_length[15]');
28. $this->form_validation->set_rules('input_alamat', 'Alamat', 'required');
30. if($this->form_validation->run()) // Jika validasi benar
31. return TRUE; // Maka kembalikan hasilnya dengan TRUE
32. else // Jika ada data yang tidak sesuai validasi
33. return FALSE; // Maka kembalikan hasilnya dengan FALSE
34. }
36. // Fungsi untuk melakukan simpan data ke tabel siswa
37. public function save(){
38. $data = array(
39. "nis" => $this->input->post('input_nis'),
40. "nama" => $this->input->post('input_nama'),
41. "jenis_kelamin" => $this->input->post('input_jeniskelamin'),
42. "telp" => $this->input->post('input_telp'),
43. "alamat" => $this->input->post('input_alamat')
44. );
46. $this->db->insert('siswa', $data); // Untuk mengeksekusi perintah insert data
47. }
49. // Fungsi untuk melakukan ubah data siswa berdasarkan NIS siswa
50. public function edit($nis){
51. $data = array(
52. "nama" => $this->input->post('input_nama'),
53. "jenis_kelamin" => $this->input->post('input_jeniskelamin'),
54. "telp" => $this->input->post('input_telp'),
55. "alamat" => $this->input->post('input_alamat')
56. );
58. $this->db->where('nis', $nis);
59. $this->db->update('siswa', $data); // Untuk mengeksekusi perintah update data
60. }
62. // Fungsi untuk melakukan menghapus data siswa berdasarkan NIS siswa
63. public function delete($nis){
64. $this->db->where('nis', $nis);
65. $this->db->delete('siswa'); // Untuk mengeksekusi perintah delete data
66. }
67. }

Pada kode diatas, kita membuat sebuah fungsi view(). dimana didalamnya terdapat kode return $this->db->get(‘siswa’)->result(). Kode tersebut berfungsi untuk menampilkan semua data pada tabel siswa. Struktur dasar penulisannya seperti ini : return $this->db->get(‘nama_tabel‘)->result(). Lalu pada kode diatas juga ada kode return, kode tersebut digunakan untuk mengeluarkan hasil dari sebuah fungsi. Pada kasus diatas, hasil yang dikeluarkan oleh return yaitu data-data siswa.

Lalu pada fungsi view_by($nis). Fungsi ini digunakan untuk menampilkan data siswa berdasarkan nis yang kita tentukan. Pada fungsi ini terdapat skrip $this->db->where(‘nis’, $nis); yang berfungsi untuk menambahkan “where clause” pada query yang kita deklarasikan. Kode ini sama saja dengan : WHERE nis=’$nis’.

Mungkin Anda bertanya-tanya, pada kedua fungsi tersebut, ada perbedaan yakni ->result() dan ->row(). Perbedaannya yakni kalau result() digunakan apabila data yang dihasilkan lebih dari 1 data, dalam kasus ini fungsi view() berguna untuk menampilkan semua data siswa. Sedangkan row() digunakan apabila data yang dihasilkan hanya 1 data, dalam kasus ini fungsi view_by($nis) memang hanya menghasilkan 1 data siswa dengan nis yang sudah ditentukan.

Kemudian masuk ke fungsi validation($mode). Fungsi ini mungkin sudah jelas yakni untuk memvalidasi data yang berasal dari input form. Inilah istimewanya kalau kita menggunakan sebuah framework, pasti sudah disediakan sebuah modul / librari untuk kemudahan kita para developer. Untuk validasi di Codeigniter, kita bisa menggunakan librari form_validation. Untuk menset validasi di setiap inputan form, gunakan kode ini : $this->form_validation->set_rules(‘nama_form_input’, ‘label_untuk_pesan_error’, ‘validasi_yang_kita_inginkan’). untuk validasi-validasi apa saja yang telah disediakan codeigniter, silahkan buka link berikut : Referensi Validasi. Lalu untuk penjelasan lebih detail mengenai validasi form di codeigniter, buka link berikut ini : Dokumentasi Validasi Form. (Ketika membuka kedua link tadi, Anda akan dibawa ke halaman iklan terlebih dahulu, Lihat di pojok kanan atas, tunggu 5 detik. lalu klik tombol SKIP AD).

$data = array(
    “nis” => $this->input->post(‘input_nis’),
    “nama” => $this->input->post(‘input_nama’),
    “jenis_kelamin” => $this->input->post(‘input_jeniskelamin’),
    “telp” => $this->input->post(‘input_telp’),
    “alamat” => $this->input->post(‘input_alamat’)
);

Kemudian kita masuk ke fungsi save(). Dalam fungsi tersebut terdapat kode seperti diatas. Kita buat sebuah array untuk menampung data apa saja yang akan kita simpa ke tabel di database. Lihat pada kode yang saya beri warna merah, kode tersebut harus sama dengan nama-nama field/kolom pada tabel siswa di databasenya. Lalu array $data tersebut akan kita simpan ke database dengan kode ini $this->db->insert(‘siswa’, $data). Struktur dari kode ini adalah $this->db->insert(nama_tabel, array_data);.

Untuk fungsi update($nis) pun hampir sama seperti fungsi save(). hanya disini kita tambahakan where nis $this->db->where(‘nis’, $nis).

---

STEP 6 – BUAT CONTROLLER

Pada tahap ini, kita akan membuat controllernya. Buat sebuah file dengan nama Siswa.php, lalu simpan pada folder xampp/htdocs/crud_ci/application/controllers/. Berikut ini kodenya :

1. <?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
3. class Siswa extends CI_Controller {
5. public function __construct(){
6. parent::__construct();
8. $this->load->model('SiswaModel'); // Load SiswaModel ke controller ini
9. }
11. public function index(){
12. $data['siswa'] = $this->SiswaModel->view();
13. $this->load->view('siswa/index', $data);
14. }
16. public function tambah(){
17. if($this->input->post('submit')){ // Jika user mengklik tombol submit yang ada di form
18. if($this->SiswaModel->validation("save")){ // Jika validasi sukses atau hasil validasi adalah TRUE
19. $this->SiswaModel->save(); // Panggil fungsi save() yang ada di SiswaModel.php
20. redirect('siswa');
21. }
22. }
24. $this->load->view('siswa/form_tambah');
25. }
27. public function ubah($nis){
28. if($this->input->post('submit')){ // Jika user mengklik tombol submit yang ada di form
29. if($this->SiswaModel->validation("update")){ // Jika validasi sukses atau hasil validasi adalah TRUE
30. $this->SiswaModel->edit($nis); // Panggil fungsi edit() yang ada di SiswaModel.php
31. redirect('siswa');
32. }
33. }
35. $data['siswa'] = $this->SiswaModel->view_by($nis);
36. $this->load->view('siswa/form_ubah', $data);
37. }
39. public function hapus($nis){
40. $this->SiswaModel->delete($nis); // Panggil fungsi delete() yang ada di SiswaModel.php
41. redirect('siswa');
42. }
43. }

Pada controller ini, kita membuat 3 fungsi. fungsi pertama yaitu public function __construct(){, fungsi ini berfungsi untuk menjalankan suatu aksi ketika controller main diload. Didalm fungsi ini, terdapat kode $this->load->model(‘SiswaModel’);, kode tersebut berfungsi untuk memuat (meload) model siswa (yang pada step sebelumnya kita buat) agar kita bisa mengakses fungsi-fungsi yang ada didalam model tersebut.

Fungsi yang kedua yaitu public function index(). Dalam fungsi ini ada kode $data[‘siswa’] = $this->SiswaModel->view();, kode tersebut digunakan untuk mengambil hasil query sql dari fungsi view() yang ada pada model siswa (SiswaModel.php) lalu memasukannya ke dalam array data dengan index siswa ($data[‘siswa’]). Pada fungsi index() ini juga, terdapat kode $this->load->view(‘siswa/index’, $data);. Kode tersebut berfungsi untuk memuat (meload) file index.php (file ini akan kita buat pada step selanjutnya) dan mengirimkan array data ($data) tadi ke file tersebut.

---

STEP 7 – BUAT VIEWSelanjutnya kita akan membuat file view untuk menampilkan data siswanya. Buat sebuah folder dengan nama siswa pada folder xampp/htdocs/crud_ci/application/views/. Lalu buat sebuah file dengan nama index.php, lalu simpan pada folder siswa yang tadi kita buat (xampp/htdocs/crud_ci/application/views/siswa/). Berikut ini tampilan dan kodenya :

1. <html>
2. <head>
3. <title>CRUD Codeigniter</title>
4. </head>
5. <body>
6. <h1>Data siswa</h1>
7. <hr>
9. <a href='<?php echo base_url("siswa/tambah"); ?>'>Tambah Data</a><br><br>
11. <table border="1" cellpadding="7">
12. <tr>
13. <th>NPM</th>
14. <th>Nama</th>
15. <th>Jenis Kelamin</th>
16. <th>Telepon</th>
17. <th>Alamat</th>
18. <th colspan="2">Aksi</th>
19. </tr>
21. <?php
22. if( ! empty($siswa)){ // Jika data siswa tidak sama dengan kosong, artinya jika data siswa ada
23. foreach($siswa as $data){
24. echo "<tr>
25. <td>".$data->nis."</td>
26. <td>".$data->nama."</td>
27. <td>".$data->jenis_kelamin."</td>
28. <td>".$data->telp."</td>
29. <td>".$data->alamat."</td>
30. <td><a href='".base_url("siswa/ubah/".$data->nis)."'>Ubah</a></td>
31. <td><a href='".base_url("siswa/hapus/".$data->nis)."'>Hapus</a></td>
32. </tr>";
33. }
34. }else{ // Jika data siswa kosong
35. echo "<tr><td align='center' colspan='7'>Data Tidak Ada</td></tr>";
36. }
37. ?>
38. </table>
39. </body>
40. </html>

Pada kode diatas terdapat kode foreach($siswa as $data){, kode tersebut akan manampilkan satu per satu data siswa sampai data siswa yang terakhir.

---

STEP 8 – FORM TAMBAH

Selanjutnya kita akan coba membuat form untuk menambah datanya. Buat sebuah file dengan nama form_tambah.php, lalu simpan pada folder xampp/htdocs/crud_ci/application/views/siswa/. Berikut tampilan dan kodenya :

1. <html>
2. <head>
3. <title>Form Tambah - CRUD Codeigniter</title>
4. </head>
5. <body>
6. <h1>Form Tambah Data Mahasiswa</h1>
7. <hr>
9. <!-- Menampilkan Error jika validasi tidak valid -->
10. <div style="color: red;"><?php echo validation_errors(); ?></div>
12. <?php echo form_open("siswa/tambah"); ?>
13. <table cellpadding="8">
14. <tr>
15. <td>NIS</td>
16. <td><input type="text" name="input_nis" value="<?php echo set_value('input_nis'); ?>"></td>
17. </tr>
18. <tr>
19. <td>Nama</td>
20. <td><input type="text" name="input_nama" value="<?php echo set_value('input_nama'); ?>"></td>
21. </tr>
22. <tr>
23. <td>Jenis Kelamin</td>
24. <td>
25. <input type="radio" name="input_jeniskelamin" value="Laki-laki" <?php echo set_radio('jeniskelamin', 'Laki-laki'); ?>> Laki-laki
26. <input type="radio" name="input_jeniskelamin" value="Perempuan" <?php echo set_radio('jeniskelamin', 'Perempuan'); ?>> Perempuan
27. </td>
28. </tr>
29. <tr>
30. <td>Telepon</td>
31. <td><input type="text" name="input_telp" value="<?php echo set_value('input_telp'); ?>"></td>
32. </tr>
33. <tr>
34. <td>Alamat</td>
35. <td><textarea name="input_alamat"><?php echo set_value('input_alamat'); ?></textarea></td>
36. </tr>
37. </table>
39. <hr>
40. <input type="submit" name="submit" value="Simpan">
41. <a href="<?php echo base_url(); ?>"><input type="button" value="Batal"></a>
42. <?php echo form_close(); ?>
43. </body>
44. </html>

form_open(“siswa/tambah”)
Kode ini sama saja dengan kita membuat tag form. Kode tersebut akan menghasil kan tag form seperti ini <form method="post" action="http://localhost/crud_ci/siswa/tambah">

set_value(‘input_nis’)
Ini berguna untuk men-set value dari textbox input_nis agar ketika terjadi error dan halaman kembali ke form, data yang di input sebelumnya tidak hilang. input_nis disitu adalah name dari textbox nya.

form_close()
Ini akan menghasil kan penutup tag form : </form>

---

STEP 9 – FORM UBAH

Selanjutnya kita akan coba membuat form untuk menambah datanya. Buat sebuah file dengan nama form_ubah.php, lalu simpan pada folder xampp/htdocs/crud_ci/application/views/siswa/. Berikut tampilan dan kodenya :

1. <html>
2. <head>
3. <title>Form Ubah - CRUD Codeigniter</title>
4. </head>
5. <body>
6. <h1>Form Ubah Data Mahasiswa</h1>
7. <hr>
9. <!-- Menampilkan Error jika validasi tidak valid -->
10. <div style="color: red;"><?php echo validation_errors(); ?></div>
12. <?php echo form_open("siswa/ubah/".$siswa->nis); ?>
13. <table cellpadding="8">
14. <tr>
15. <td>NIS</td>
16. <td><input type="text" name="input_nis" value="<?php echo set_value('input_nis', $siswa->nis); ?>" readonly></td>
17. </tr>
18. <tr>
19. <td>Nama</td>
20. <td><input type="text" name="input_nama" value="<?php echo set_value('input_nama', $siswa->nama); ?>"></td>
21. </tr>
22. <tr>
23. <td>Jenis Kelamin</td>
24. <td>
25. <input type="radio" name="input_jeniskelamin" value="Laki-laki" <?php echo set_radio('jeniskelamin', 'Laki-laki', ($siswa->jenis_kelamin == "Laki-laki")? true : false); ?>> Laki-laki
26. <input type="radio" name="input_jeniskelamin" value="Perempuan" <?php echo set_radio('jeniskelamin', 'Perempuan', ($siswa->jenis_kelamin == "Perempuan")? true : false); ?>> Perempuan
27. </td>
28. </tr>
29. <tr>
30. <td>Telepon</td>
31. <td><input type="text" name="input_telp" value="<?php echo set_value('input_telp', $siswa->telp); ?>"></td>
32. </tr>
33. <tr>
34. <td>Alamat</td>
35. <td><textarea name="input_alamat"><?php echo set_value('input_alamat', $siswa->alamat); ?></textarea></td>
36. </tr>
37. </table>
39. <hr>
40. <input type="submit" name="submit" value="Ubah">
41. <a href="<?php echo base_url(); ?>"><input type="button" value="Batal"></a>
42. <?php echo form_close(); ?>
43. </body>
44. </html>

Variabel $siswa ini adalah hasil dari query pada controller siswa di function ubah. Lalu kita set terhadap masing-masing inputan pada form agar bisa menampilkan data sebelumnya. disini kita memanfaat kan fungsi buatan codeigniter yaitu set_value(name_textbox, valuenya).

---

Mungkin sekian untuk catatan kali ini. Semoga bisa bermanfaat. Jika ada yang kurang dipahami, langsung tanyakan pada form komentar dibawah ini. Jangan lupa LIKE dan SHARE nya, Terimakasih banyak.

Happy Coding ^_^

Latihan soal .......

1. Apa pengertian CRUD?
2. Bagaimana cara seting  HTACCESS?
3. Apa Penjelasan Create,Update,Delete?
4. bnagaimana cara melakukan KONFIGURASI dalam CRUD?
5. Ada berapa langkah membuat CRUD dengan Codeigniter dan MySQL?