Irvan Jaya Seorang Mahasiswa Teknik Informatika - Universitas Mulawarman yang Doyan Nulis Artikel

Cara Menampilkan Data dari Database dengan CodeIgniter

3 min read

Cara Menampilkan Data dari Database dengan CodeIgniter

CoretanKode – Cara Menampilkan Data dari Database CodeIgniter, Pada kesempatan kali ini kita akan melanjutkan sesi Belajar Membuat Website dengan CodeIgniter Terlengkap nih dan sekarang kita sudah masuk ke sesi pengolahan data.

Artikel Menarik Lainnya :

Pada pengolahan data kita akan dikenalkan dengan CRUD yang merupakan singkatan dari CreateReadUpdate dan Delete. dimana Create itu membuat data baru, Read berarti menampilkan data dari database, Update berarti memperbaharui data dari database dan Delete berarti kita menghapus sebuah data dari database.

Nah bila kalian masih mengingat Apa itu MVC ? maka kalian seharusnya dapat mengikuti seri CRUD CodeIgniter ini dengan sangat mudah. Pada proses CRUD kita akan memanfaatkan Model untuk mengambil dan mengirim data, View untuk menampilkan data dan Controller menjadi letak proses Back-end berlangsung.

Cara Menampilkan Data dari Database dengan CodeIgniter

Nah sekarang kita langsung bahas saja bagaimana cara menampilkan data dari database dengan CodeIgniter, Kita akan melanjutkan hasil kodingan dari sesi belajar CodeIgniter dari nol ini yah :

  • Silahkan kalian pastikan bahwa di projek kalian sudah ada controller user.php, users/index.php pada bagian view dan User_model.php pada folder application/models bila belum membuat file model silahkan buat satu file PHP dengan nama seperti contoh yah

Cara Menampilkan Data dari Database dengan CodeIgniter

  • Setelah semua file MVC telah terbuat maka selanjutnya kita harus membuat sebuah database pada phpmyadmin lokal kalian dengan nama terserah kalian dan buat satu tabel dengan nama user dengan isi ada 4 kolom yakni id (Primary), usernameemail dan password

Cara Menampilkan Data dari Database dengan CodeIgniter

  • Silahkan isi tabel tersebut sesuka hati kalian buatlah satu atau dua row aja, karena kita ingin mencoba menampilkan data dari database, kalau database kosong apa yang kita mau tampilkan 😀
  • Selanjut-nya silahkan kalian buka file config/database.php dan cari $db[‘default’] masukkan username database kalian bila menggunakan XAMPP maka username-nya adalah root, pada bagian ‘database’ kalian isi dengan nama database yang kalian buat

Cara Menampilkan Data dari Database dengan CodeIgniter

  • Buka file config/autoload.php dan cari kode $autoload[‘libraries’] dan tambahkan database kedalam array-nya, seperti berikut ini :

Cara Menampilkan Data dari Database dengan CodeIgniter

  • Selanjut-nya proses Cara Menampilkan Data dari Database dengan CodeIgniter adalah membuka file User_model.php dan tambahkan kode seperti dibawah ini :

<?php
class User_model extends CI_Model
{
public function getAllUser()
{
return $this->db->get(‘user’)->result_array();
}
}

Kode diatas menunjukkan bahwa kita telah mendeklarasikan sebuah function yang bertugas untuk mengambil data dari tabel user yang terdapat pada database yang projek kalian gunakan.

  • Setelah itu kita akan mengedit Controller-nya yakni file user.php menjadi seperti dibawah ini :

<?php
defined(‘BASEPATH’) or exit(‘No direct script access allowed’);

class User extends CI_Controller
{
public function __construct()
{
parent::__construct();
$this->load->model(‘User_model’);
}

public function index()
{
$data[‘user’] = $this->User_model->getAllUser();
$this->load->view(‘users/index’, $data);
}
}

Nah jadi tidak berubah banyak kodingan controller kita dari tutorial CodeIgniter sebelum-nya, karena kita hanya menambahkan sebuah variable dan perintah untuk mengambil data dari model User_model.php yang telah kita buat.

Selanjutnya kita akan mengubah tampilan alias View dari projek kita karena kita akan menambilkan data dari database langsung ke Route yang sudah kita buat kemarin nih.

  • Silahkan buka file view-nya yakni users/index.php dan silahkan masukkan kode dibawah ini :

<!DOCTYPE html>
<html lang=”en”>
<head>
<title>CoretanKode</title>
<meta charset=”utf-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
<link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css”>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js”></script>
<script src=”https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js”></script>
<script src=”https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js”></script>
</head>
<body>
<div class=”container”>
<h2>Data User CoretanKode.com</h2>
<p>Anda dapat mengelola data user</p>
<table class=”table table-dark”>
<thead>
<tr>
<th>No</th>
<th>Username</th>
<th>Email</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<?php
$no = 1;
foreach ($user as $u) :
?>
<tr>
<td><?= $no++; ?></td>
<td><?= $u[‘username’] ?></td>
<td><?= $u[’email’] ?></td>
<td><a href=”” class=”btn btn-danger”>Hapus</a>
<a href=”” class=”btn btn-warning”>Detail</a>
<a href=”” class=”btn btn-primary”>Ubah</a>
</td>
</tr>
<?php
endforeach;
?>
</tbody>
</table>
</div>
</body>
</html>

Nah selanjutnya pada pembahasan Cara Menampilkan Data dari Database dengan CodeIgniter yakni pada view kali ini kita sudah menggunakan sedikit bantuan dari library Bootstrap nih untuk menciptakan tampilan yang lebih baik lagi,

Pada view ini juga kita sudah berhasil membuat sebuah view yang berisikan data yang telah kita simpan pada database projek kita. Nah sehingga hasil-nya akan berwujud seperti berikut ini :

Cara Menampilkan Data dari Database dengan CodeIgniter

Nah coba jalankan projek kalian, dan ingat bila kalian mengikuti sesi belajar codeigniter ini dari awal, maka kalian sudah tahu bagaimana cara menghilangkan index.php pada URL projek CodeIgniter nih. Bila belum silahkan kalian baca tutorial berikut : Cara Menghilangkan index.php di CodeIgniter.

Sampai sini admin harapkan projek CodeIgniter kalian sudah berjalan sebagaimana mesti-nya yah, Selanjutnya kita akan belajar tentang bagaimana cara menambah data pada CodeIgniter nantikan di postingan berikut-nya yah. Terima kasih telah berkunjung dan Assalamualaikum Warahmatullahi Wabarakatu.

Irvan Jaya Seorang Mahasiswa Teknik Informatika - Universitas Mulawarman yang Doyan Nulis Artikel

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *