CARA MENAMPILKAN DATA MYSQL MENGGUNAKAN 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
 |
| Data Tabel Relawan |
2. Silahkan menuju Controller pada
C:xampphtdocsnama_aplikasiapplicationcontrollersrelawan.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
}
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:xampphtdocsnama_aplikasiapplicationmodels 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:xampphtdocsnama_aplikasiapplicationView 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 :
 |
| 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
