Tutorial Menampilkan Data dari Database dengan Code Igniter untuk Pemula (CRUD bagian 1)

Kebutuhan :

• Web Server, saya pakai wamp

• Paket CI versi 1.7.X

• Text Editor

Untuk menampilkan data dari database menggunakan framework code igniter, ikuti langkah berikut ini.

1. Buat Database dengan nama “db_mahasiswa”, dan buat table dengan nama “tb_mahasiswa”. Tambahkan field id, nim, nama, alamat, email seperti
   

   Desain database

   Atau copi Sintax SQL berikut

   CREATE TABLE `db_mahasiswa`.`tb_mahasiswa` (`id` INT( 11 ) NOT NULL AUTO_INCREMENT PRIMARY KEY ,
   `nim` VARCHAR( 8 ) NOT NULL ,`nama` VARCHAR( 50 ) NOT NULL ,`alamat` VARCHAR( 100 ) NOT NULL ,
   `email` VARCHAR( 100 ) NOT NULL) ENGINE = MYISAM ;
   

   Untuk dummy datanya

   INSERT INTO `db_mahasiswa`.`tb_mahasiswa` (`id`, `nim`, `nama`, `alamat`, `email`)
   VALUES (NULL, 'M0507046', 'Titik Musyarofah', 'Kulon Progo, DIY', 'rove_titillate@yahoo.co.id'),
   (NULL, 'M0507060', 'Lena Astuti', 'Jebres, Surakarta', 'lei@gmail.com'),
   (NULL, 'M0507001', 'Andi Kurnia', 'Sleman, DIY', 'aan@gmail.com'),
   (NULL, 'M0507030', 'Abdulrahman Hafidz', 'Jakarta Timur', 'hafidz@yahoo.com');
   

2. Download paket CI di codeigniter. Copikan folder CodeIgniter, taruh di localhost Anda. Disini saya ubah nama foldernya menjadi mycodeigniter.
3. Setting database dengan membuka file database.php di folder mycodeigniter/system/application/config

   $db['default']['hostname'] = 'localhost';
   $db['default']['username'] = 'isikan username';
   $db['default']['password'] = 'isikan password';;
   $db['default']['database'] = 'db_mahasiswa';
   

4. Setting config dengan membuka file config.php di folder mycodeigniter/system/application/config. Ganti base_url menjadi

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

5. Setting autoload dengan membuka file autoload.php difolder mycodeigniter/system/application/config. Isi librabry dengan ‘database”

   $autoload['libraries'] = array('database');
   

6. Buat controller dengan nama “con_mahasiswa” di folder system/application/controllers

   <?php
   Class Con_mahasiswa extends CI_Controller { 
    function con_mahasiswa() {
    parent::controller();
    $this->load->model('mod_mahasiswa');
    $this->load->helper('url');
    }
    
    function index() {
    $data['hasil'] = $this->mod_mahasiswa->getall();
    $this->load->view('view_mahasiswa', $data);
    }
   }
   ?>
   

7. Buat model dengan nama “mod_mahasiswa”, save di folder system/application/models

   <?php class Mod_mahasiswa extends Model { 
    function getall() { 
    $ambildata = $this->db->get('tb_mahasiswa');
    //jika data ada (lebih dari 0)
    if ($ambildata->num_rows() > 0 ) {
    foreach ($ambildata->result() as $data) {
    $hasil[] = $data;
    }
    return $hasil;
    }
    }
   }
   

8. Untuk menampilkan hasilnya, buat file view di folder system/application/views dan simpn dengan nama view_mahasiswa.

   <?php
   if (empty($hasil)) {
    echo "Tidak ada data mahasiswa";
   }
   else {
   ?>
   <h3> Daftar Mahasiswa </h3>
   <?php echo anchor('con_mahasiswa/tambahdata', '+ Tambah Data'); ?>
   <table>
   <tr bgcolor="FF8844">
    <th> No </th>
    <th> Nim </th>
    <th> Nama </th>
    <th> Alamat </th>
    <th> Email </th>
   </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->alamat; ?> </td>
    <td> <?php echo $data->email; ?> </td>
   </tr>
   <?php
   $no++;
   endforeach;
   ?>
   </table>
   <?php
   }
   ?>
   

9. Coba akses di http://localhost/mycodeigniter/index.php/con_mahasiswa. Hasilnya
   

   Menampilkan Data dengan Code Igniter

   Untuk menghilangkan tulisan index.php di url tersebut, akan saya jelaskan pada tutorial selanjutnya Cara Menghilangkan / Menghapus index.php di URL Code Igniter.

• ci
• code igniter
• data
• database
• tampil
• tutorial