Seri #7 – Tutorial Belajar Framework CodeIgniter untuk Pemula | Menampilkan Data Dari Database


Seri #7 – Tutorial Belajar Framework CodeIgniter untuk Pemula | Menampilkan Data Dari Database – Jika pada postingan saya sebelumnya kita telah berhasil melakukan konfigurasi database pada CodeIgniter dan menampilkan seluruh data pada database ke halaman web browser, kali ini kita akan melakukan modifikasi view dari daftar mahasiswa. Kita akan menambahkan link untuk aksi Tambah, Ubah dan Hapus Data.

Salah satu keunggulan saat kita menggunakan metode MVC dalam pengembangan aplikasi website, apabila ada salah satu bagian yang diubah maka tidak akan mengganggu bagian yang lain. Disini kita hanya akan memodifikasi view saja dan tidak akan mengganggu bagian controller maupun model.

Baca Juga:

Menambahkan Link Aksi pada View

Silakan buka kembali file application/views/daftar_mahasiswa.php lalu ubah menjadi seperti ini:

<!DOCTYPE html>
<html>
<head>
	<title>Daftar Mahasiswa | Kangriyanto.net</title>
	<style type="text/css">
		.container { width: 800px; margin: 10px auto; }
		table {	width: 100%; }
		table tr:first-child { background: #d0d0d0;	}
		table td { border: 1px solid #d0d0d0; }
	</style>
</head>
<body>
	<div class="container">
		<h1>Daftar Mahasiswa</h1>

		<table>
			<tr>
				<th>No</th>
				<th>NIM</th>
				<th>Nama Mahasiswa</th>
				<th>Jenis Kelamin</th>
				<th>Alamat</th>
				<th>Aksi</th>
			</tr>

			<?php $no = 1;
				foreach($mahasiswa as $data): ?>
				<tr>
					<td><?php echo $no++; ?></td>
					<td><?php echo $data['nim']; ?></td>
					<td><?php echo $data['nama']; ?></td>
					<td><?php echo ($data['jk'] == 'L') ? 'Laki-laki' : 'Perempuan'; ?></td>
					<td><?php echo $data['alamat']; ?></td>
					<td align="center">
						<a href="<?php echo site_url('mahasiswa/edit/' . $data['nim']) ?>">Edit</a> | 
						<a href="<?php echo site_url('mahasiswa/hapus/' . $data['nim']) ?>">Hapus</a>
					</td>
				</tr>
			<?php endforeach; ?>
			<tr>
				<td colspan="6" align="center">
					<a href="<?php echo site_url('mahasiswa/tambah') ?>">Tambah Data</a>
				</td>
			</tr>
		</table>
		
	</div>
</body>
</html>

Karena disini kita menggunakan perintah site_url(), sedangkan fungsi tersebut disimpan pada URL Helper, maka yang perlu kita lakukan ialah memanggil URL Helper. Pembahasan tentang URL Helper sudah dibahas pada tautan ini. Namun pada seri ke-6 ini kita akan memanggil helper melalui fitur autoload. Jadi silakan teman-teman cari dan ubah baris berikut pada file application/config/autoload.php

$autoload['helper'] = array('url');

Setelah itu silakan panggil aplikasi kita menggunakan web browser dengan alamat localhost/belajarci/index.php/mahasiswa maka sekarang seharusnya akan terlihat seperti ini:

View daftar_mahasiswa.php Telah Berhasil Dimodifikasi

Demikianlah akhir dari seri ke tujuh ini. Pada postingan selanjutnya kita akan belajar bagaimana menghapus data dari database dengan menggunakan framework CodeIgniter. Jangan lupa follow agar tidak ketinggalan update dari blog ini. Terima kasih šŸ™‚

1 thought on “Seri #7 – Tutorial Belajar Framework CodeIgniter untuk Pemula | Menampilkan Data Dari Database

  1. Pingback: Seri #8 – Tutorial Belajar Framework CodeIgniter untuk Pemula | Menghapus Data pada Database | Kangriyanto.net

Tinggalkan Komentar

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.