Tutorial CRUD Sederhana CodeIgniter Part 1

Ilmu Konik Saputra - Kali ini saya akan memberikan tutorial CRUD sederhana pada CodeIgniter. Apa itu CodeIgniter? akan saya jelaskan pada postingan berikutnya. CRUD disini tentang biodata mahasiswa. Tanpa membuang waktu kita langsung saja ke langkah-langkahnya.

Instalasi CodeIgniter
Download file CodeIgniter di websitenya [download]. Kemudian buat folder dengan nama belajarci (sesuaikan nama folder dengan keinginan anda sendiri). Lalu extract file CodeIgniter yang sudah didownload tadi ke folder yang sudah dibuat tadi.

Membuat database melalui phpmyadmin
Buatlah database dengan nama bukubiodata, lalu buat tabel dengan nama biodata berisi 3 kolom yaitu :

• nim varchar(15) primary
• nama varchar(30)
• prodi varchar(30)

Menghubungkan Database dengan CodeIgniter
Selanjutnya kita lakukan konfigurasi tambahan. Pada file autoload.php yang ada pada C:\xampp\htdocs\belajarci\application\config. yaitu :

$autoload['libraries'] = array();
diirubah menjadi $autoload['libraries'] = array(‘table’,'database’,'session’);
$autoload['helper'] = array();
dirubah menjadi $autoload['helper'] = array(‘url’,'html’,'form’,'file’);

Kita atur databasenya terlebih dahulu, caranya buka file database.php yang terdapat dalam folder C:\xampp\htdocs\belajarci\application\config kemudian lakukan konfigurasi sebagai berikut :

$db['default']['hostname'] = ‘localhost’;
$db['default']['username'] = ‘root’;
$db['default']['password'] = ”;
$db['default']['database'] = ‘bukubiodata’;

Keterangan:

• Hostname untuk setting alamat server database, dalam tutorial ini kita memakai server localhost, jika akan dihosting maka sesuaikan dengan alamat server pada hosting anda.
• Username adalah userid yang digunakan untuk mengakses ke database, ini menentukan priviledge akses ke database.
• Password adalah password untuk masuk ke database.
• Database disi dengan nama database yang sudah kita buat.

sebagai configurasi tambahan, karena kita akan menggunakan class session, maka kita harus seting pada file config.php,kalau dalam experimen ini saya masukan 1234

$config['encryption_key'] = ’1234′;

seting ini berguna untuk menangani eror In order to use the Session class you are required to set an encryption key in your config file.

Operasi Create (Menambah Data) dan Read (Menampilkan Data)
Setelah database dan konfigurasi telah disetting. Langkah selanjutnya kita mencoba membuat operasi penambahan data/insert data pada tabel biodata.
Pertama buat file model dengan nama mentrybiodata.php . Simpan pada C:\xampp\htdocs\belajaarci\application\models. Dengan script sebagai berikut.

<?php
class MentryBiodata extends CI_Model {
 function bacadata(){
        $baca = $this->db->get('biodata');
        if($baca->num_rows() > 0){
            foreach ($baca->result() as $data){
                $hasil[] = $data;
            }
            return $hasil;
        }
    }
 
    function tambah(){
        $nim = $this->input->post('nim');
        $nama = $this->input->post('nama');
        $prodi = $this->input->post('prodi');
        $data = array(
                'nim'=>$nim,
                'nama'=>$nama,
                'prodi'=>$prodi
                );
        $this->db->insert('biodata',$data);
    }
}
?>

Penjelasan kode :

• baris 2 membuat deklarasi class model bernama MentryBiodata.
• baris 3 untuk membuat fungsi bacadata untuk proses baca data.
• baris 4 untuk membaca seluruh data pada tabel biodata.
• baris 5 adalah fungsi untuk menghitung seluruh jumlah data yang ada. Jika jumlah data lebih besar dari 0 maka akan dilanjutkan proses selanjutnya.
• baris 6 Membentuk perulangan untuk variabel baru yang bernama data dari hasil pembacaan data.
• baris 7 untuk mengubah setiap data pada variabel $data menjadi 1 array kedalam variabel $hasil.
• baris 9 untuk mengembalikan nilai variabel $hasil untuk digunakan pada saat penampilan data.
• baris 13 untuk membuat fungsi tambah untuk proses tambah data.
• baris 14 s.d. 16, untuk menyimpan data hasil POST view kedalam variabel.
• baris 17 s.d. 21 untuk memasukan variabel-variabel yang ada kedalam 1 variabel array.
• baris 22, dilakukan proses insert dengan mengirimkan 1 variabel array berisi data-data hasil POST.

Kedua buat file controller dengan nama centrybiodata.php. Simpan pada
C:\xampp\htdocs\belajarci\application\controllers
. Dengan script sebagai berikut.

<?php
class CentryBiodata extends CI_Controller {
 function index(){
        $this->load->model('mentrybiodata');
        $data['hasil'] = $this->mentrybiodata->bacadata();
        $this->load->view('vbacabiodata',$data);
    }
 
    function tambahdata(){ 
        if($this->input->post('submit')){
            $this->load->model('mentrybiodata');
            $this->mentrybiodata->tambah();
            redirect('centrybiodata/index');
        }
        $this->load->view('ventrybiodata');
    }
}
?>

Penjelasan Kode :

• baris 2, deklarasi untuk menciptakan class controller CentryBiodata.
• baris 9, deklarasi untuk menciptakan function bernama tambahdata() untuk keperluan proses controller penyimpanan data.
• baris 10, jika id submit dalam form tambah data diklik,maka akan dilakukan sesi selanjutnya.
• baris 11, meload file MentryBiodata.
• baris 12,untuk memanggil function tambah dalam class model MentryBiodata. Disinilah pengendali dari proses simpan tersebut diproses.
• baris 13, untuk mengarahkan(redirect) ke url posisi index.

Ketiga buat file controller dengan nama ventrybiodata.php. Simpan pada C:\xampp\htdocs\belajarci\application\views . Dengan script sebagai berikut.

<html>
<head>
    <title>Menambahkan Data</title>
</head>
<body>
    <h3>Tambah Data</h3>
    <?php
    echo form_open('centrybiodata/tambahdata');
    ?>
<table>
    <tr>
        <td>NIM</td>
        <td>:</td>
        <td><?php echo form_input('nim'); ?></td>
    </tr>
    <tr>
        <td>Nama</td>
        <td>:</td>
        <td><?php echo form_input('nama'); ?></td>
    </tr>
    <tr>
        <td>Prodi</td>
        <td>:</td>
        <td><?php echo form_input('prodi'); ?></td>
    </tr>
    <tr>
        <td><?php echo form_submit('submit','Simpan','id="submit"'); ?></td>
    </tr>
</table>
<?php echo form_close(); ?>
</body>
</html>

Selanjutnya buat file vbacabiodata.php letakan pada folder C:\xampp\htdocs\belajarci\application\views dengan script sebagai berikut

<html>
<head>
    <title>Membaca Data</title>
</head>
<body>
    <h3><?php echo anchor('centrybiodata/tambahdata','Tambah data') ?></h3>
    <h3>Baca Data</h3>
    <?php
    if(empty($hasil)){
        echo "Tidak ada data";
    }
    else{
    ?>
    <table border='1'>
        <tr>
            <td>No</td>
            <td>NIM</td>
            <td>Nama</td>
            <td>Prodi</td>
        </tr>
        <?php
        $no = 1;
        foreach($hasil as $data) {
        ?>
        <tr>
            <td><?php echo $no++ ;?></td>
            <td><?php echo $data->nim;?></td>
            <td><?php echo $data->nama ;?></td>
            <td><?php echo $data->prodi ;?></td>
        </tr>
        <?php
        }
        ?>
        </table>
 
    <?php
    }
    ?>
 
</body>
</html>

Kemudian untuk cek hasil codingan kita coba ketikkan url http://localhost/belajarci/index.php/centrybiodata/index pada browser anda.

Download file pada tutorial ini [Download]

Postingan selanjutnya yaitu Tutorial CRUD Sederhana CodeIgniter Part 2 membahas operasi Update (Mengubah Data) dan Delete (Menghapus Data).
Selamat mencoba.