Menampilkan Data Mysql Dengan Codeigniter


CARA MENAMPILKAN DATA MYSQL MENGGUNAKAN CODEIGNITER

Menampilkan Data MySql dengan CodeIgniter
Selamat Datang di Blog Orang IT . Kali ini kita akan melanjutkan postingan saya yang kemarin mengenai Cara Insert Data Berupa Foto menggunakan Framework CodeIgniter selanjutnya kita akan belajar bagaimana menampilkan Data kedalam tabel atau kedalam menu vertical menggunakan CodeIgniter , selain itu data yang ditampilkan juga berupa foto .
Postingan Sebelumnya : Insert Data Menggunakan Code Igniter
Dalam tutorial kali ini kita masih menggunakan database aps dan tabel relawan yang kita buat pada postingan sebelumnya , serta pastikan data berupa file foto terdapat pada folder uploads dan lampiran . Karena kemarin kita membuat tabel dengan jumlah data yang cukup banyak ( ada 14 data ) jadi kita akan membuat dua tampilan . Tampilkan beberapa data pada tabel dan Tampilkan beberapa data pada List memanjang .

Berikut tutorial cara menampilkan data MySql kedalam tabel menggunakan CodeIgniter :

1. Pertama kita menggunakan database aps dan tabel relawan , pastikan proses input data yang kemarin sudah berhasil
Menampilkan Data MySql dengan CodeIgniter
Data Tabel Relawan
 2. Silahkan menuju Controller pada C:\xampp\htdocs\nama_aplikasi\application\controllers\relawan.php  , kemarin kita membuat file relawan.php disana kan 

Source Code Tampil data relawan.php
     $this->load->model("relawan_m");
    //lihat relawan
    public function lihatrelawan()
    {
       
        $data['data']=$this->relawan_m->get_datarelawan();
       
        $this->load->view('relawan/datarelawan', $data); // lokasi view lihat data relawan
   
    }
 Keterangan :
model("relawan_m");
kita akan menselect data tabel relawan padaa model relawan_m
function datarelawan()
fungsi untuk menampilkan data relawan
 relawan_m->get_datarelawan();
pada model relawan_m kita membuat fungsi get_datarelawana untuk menampilkan data dari tabel relawan 
 view('relawan/datarelawan', $data);
lokasi view untuk menampilkan data relawan , String data untuk menampilkan halaman yang memang memuat isi data dari tabel

2. Selanjutnya kita menuju pada model yang terdapat C:\xampp\htdocs\nama_aplikasi\application\models \relawan_m 
Source Code Relawan_m
    public function get_datarelawan() // fungsi ambil data relawan
    {
       
        return $this->db->get('relawan')->result_array(); // tabel relawan
       
    }
3. Selanjutnya kita buat View data relawan dalam tampilan Tabel Relawan , silahkan menuju C:\xampp\htdocs\nama_aplikasi\application\View buat file baru dengan nama datarelawan.php
Kita sudah buat fungsi nya untuk menampilkan data relawan pada langkah pertama , kita tinggal isi saja code untuk menampilkan data relawan kedalam tabel :
Source Code Tabel Relawan 
                    <table id="datatable-buttons" class="table table-striped table-bordered">
                   <thead>
                        <tr>
                    <th>No.</th>
                    <th>Nama</th>
                    <th >NoKTP</th>
                    <th>Alamat</th>
                    <th>Kecamatan</th>
                    <th>Status</th>
                        </tr>
                      </thead>
                      <tbody>
                      <?php $no=1; foreach($data as $row) {?>
                       
<tr>
<td > <?php echo $no++; ?> </td>
<td ><?php echo $row['nama']?>  </td> // sesuaikan dengan nama field pada tabel relawan
<td ><?php echo $row['noktp']?> </td>
<td > <?php echo $row['alamat']?> </td>
<td > <?php echo $row['kec']?> </td>
</tr>
<?php } ?>
        </tbody>
        </table>
Hasilnya Tabel Relawan :
Menampilkan Data MySql dengan CodeIgniter
Lihat Tabel Relawan
Source Code Tampilan Lengkap Relawan
             <table class="table table-striped">

                      <tr>
                      <td>Foto</td>
                <td><img src="<?php echo base_url(); ?>uploads/<?php echo $data ['foto'];?>" width="100px" height="100px" /></td>
                    </tr>

                    <tr>
                      <td>Nama Anak</td>
                      <td><?= $data['nama'] ?></td>
                    </tr>
                   
                      <td>Nomor KTP</td>
                      <td><?=  $data ['noktp'];?></td>
                    </tr>
                    <tr>
                      <td>Alamat</td>
                      <td><?=   $data ['alamat'];?></td>
                    </tr>

                                        <tr>
                      <td>Kecamatan</td>
                      <td><?= $data ['kec'];?></td>
                    </tr>

                                        <tr>
                      <td>Lampiran</td>
                      <td><img src="<?php echo base_url(); ?>lampiran/<?php echo $data ['lampiran'];?>" width="100px" height="100px" /></td>
                    </tr>
                   
            </table>
Keterangan :
<?php echo base_url(); ?>lampiran/<?php echo $data ['lampiran'];?>
Lokasi penyimpanan foto pada folder tampilan dengan nama variabel lampiran pada field relawan

Lihat Detail Relawan :



Ya kira - kira begitulah Tutorial menampilkan Data dari Database MySql menggunakan CodeIginter , semoga berhasil untuk tutorial selanjutnya kita akan belajar
Demikian postingan Cara Menampilkan data Menggunakan Code Igniter semoga bermanfaat jika anda yang mau ditanyakan silahkan akan saya jawab jika sempat . Tutorial sebelumnya mengenai Cara Insert Data pada CodeIgniter

Follow Blog Orang IT dan jangan lupa Like Fanspage helmykkediri serta jangan lupa klik iklan yang ada di blog ini untuk perawatan admin

1 Response to "Menampilkan Data Mysql Dengan Codeigniter"

  1. kalau bisa artikel disusun min dalam satu kategori, biar agak rapi dan mudah mengikutinya.
    misalnya tutorila codeigniter...
    soalnya saya baru belajar CI.
    thanks.

    BalasHapus

Terimakasih sudah berkunjung ke Blog Orang IT , aturan berkomentar yang baik :

1. Dilarang mencantumkan berbagai macam link aktif dikomentar blog

2. Jika ingin mendapatkan backlink komen dengan name/url yang telah disediakan

3. Link download mati silahkan berkomentar

4. Postingan dirasa outdate atau sudah tidak berguna lagi komen saja jangan sungkan

5. Komentar yang memerlukan jawaban dari admin jangan menggunakan anonymous

6. Berkomentarlah dengan relevans dan tinggalkan jejak diblog saya

7. Klik iklan untuk biaya perawatan admin

Terimakasih sudah mentaati rules aturan berkomentar yang baik