Membuat Website Dengan CodeIgniter : Menampilkan Data Dari Database

Artikel Sebelumnya : 

Jika sebelumnya mengatur koneksi ke database MySQL maka selanjutnya adalah menampilkan data yang ada dari database, disini kita akan mencoba menampilkan data dari tabel artikel dan tebal tentang ke halaman website.

Seperti yang kita ketahui bahwa konsep CodeIgniter adalah Model, View dan Comtroller (MVC) maka untuk menampilkan data dari database ini kita perlu membuat modelnya terlebih dahulu, dalam hal ini kita akan membuat file dengan nama x_artikel.php dan x_tentang.php untuk menampilkan data dari masing – masing tabel yang telah dibuat, lalu selanjutnya mengatur kembali controllernya kemudian mengatur bagian viewnya agar data tampil di halaman website.

#TAHAP PERTAMA : Membuat file x_artikel.php dan x_tentang.php

Langkah pertama adalah membuat file x_artikel.php untuk menampilkan data dari tabel artikel yang berada di dalam database. Copy script dibawah ini kemudian simpan di folder applicatioan\model



<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class X_artikel extends CI_Model {

 public function GetArtikel()
 {
  $artikel = $this->db->query('SELECT * FROM artikel;'); //menyimpannya dalam variabel untuk query ke MySQL mengambil data dari tabel artikel
  return $artikel;
 }
}



 
file x_artikel.php
Untuk file x_tentang.php juga sama scriptnya, rubah saja ‘artikel’ menjadi ‘tentang’

#TAHAP KEDUA : Mengatur Controllers dari masing – masing file
Jika modelnya sudah dibuat maka langkah selanjutnya adalah mengatur controller dari masing – masing file supaya di load. Pada folder controllers sudah dibuat file home.php dan tentang.php maka tinggal tambahkan fungsi untuk memanggil file yang ada.

Kurang lebih nanti script untuk controllers homenya akan terlihat seperti ini



Begitupun untuk file controler tentang.php, Anda hanya tinggal menggantinya menjadi ‘tentang’

#TAHAP KETIGA : Mengatur View dan Menampilkan Data

Sama halnya seperti tahap kedua, disini pun kita perlu mangatur masing – masing file, disini kita mengatur masing – masing file yaitu home.php dan tentang.php yang terdapat di folder application\view supaya menampilkan data dari database. 
Disini kita akan melakukan perulangan, seperti perulang/looping while atau foreach, karena dalam kasus ini didalam tabel artikel pasti akan memiliki banyak data, tidak hanya satu artikel saja, kita hanya akan menggunakan 1 perintah saja untuk menampilkan semua data yang terdapat dalam database.

Saya harap Anda sudah mengerti tentang struktur kontrol dalam perulangan PHP. Disini Saya akan menggunakan foreach, nanti setiap elemen array dalam variabel akan didefiniskan dengan keyword as. Bila belum mengerti tentang perulang di PHP, silahakn baca artikel : Kontrol Perulangan Pada PHP

Saya tidak akan menjelaskan secara detail, Anda bisa melihat dan mempelajari dari contoh yang sudah ada. Buka file home.php yang terdapat di folder views, nanti ganti scriptnya menjadi seperti berikut

<div class="container">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
            <?php foreach ($artikel->result() as $key){ ?>
                <div class="post-preview">
                    <a href="#">
                        <h2 class="post-title">
                           <?php echo $key->judul; ?>
                        </h2>
                        <h3 class="post-subtitle">
                           <?php echo $key->isi;?>
                        </h3>
                    </a>
                    <p class="post-meta">Posted by <a href="#"><?php echo $key->penulis;?></a> on <?php echo $key->tanggal;?></p>
                </div>
                <?php } ?> 
                <hr>
                <ul class="pager">
                    <li class="next">
                        <a href="#">Older Posts &rarr;</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>




Seperti yang terlihat dalam script diatas bahwa yang dipanggil berulang – ulang nantinya adalah data untuk judul artikel, isi artikel, penulis dan tanggal penulisan artikel, sehingga kurang lebih nanti datanya akan nampak seperti dibawah ini

Untuk file tentang.php, perulangan yang digunakan pun masih sama, lihat contohnya dibawah ini



<div class="container">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
            <h1>About</h1>
                <?php foreach ($tentang->result() as $key){ ?>
                <p><?php echo $key->isi;?></p>

                <?php } ?>

            </div>
    </div>
    </div>


Artikel Selanjutnya :