$type=carousel$cols=3

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

COMMENTS

BLOGGER: 1
Loading...
Nama

Android,3,Blog,350,Info,214,Islami,43,Software,74,Tutorial,120,Web,18,
ltr
item
BLOG ORANG IT 2017: Menampilkan Data Mysql Dengan Codeigniter
Menampilkan Data Mysql Dengan Codeigniter
https://1.bp.blogspot.com/-1ojB09giHeI/V6ligZwUe7I/AAAAAAAAD5U/8TRooKnyRNImPcnkAwlCMhk9byjf6b2yQCLcB/s1600/_Content_code-ignitor.png
https://1.bp.blogspot.com/-1ojB09giHeI/V6ligZwUe7I/AAAAAAAAD5U/8TRooKnyRNImPcnkAwlCMhk9byjf6b2yQCLcB/s72-c/_Content_code-ignitor.png
BLOG ORANG IT 2017
http://www.helmykkediri.com/2016/09/menampilkan-data-mysql-dengan_35.html
http://www.helmykkediri.com/
http://www.helmykkediri.com/
http://www.helmykkediri.com/2016/09/menampilkan-data-mysql-dengan_35.html
true
7204675838149040268
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy