Seri #2 – Tutorial Belajar Framework CodeIgniter untuk Pemula | Membuat Custom View


Seri #2 – Tutorial Belajar Framework CodeIgniter untuk Pemula | Membuat Custom View – Jika pada artikel sebelumnya kita telah berhasil mendownload dan melakukan konfigurasi awal untuk menampilkan halaman welcome screen dari CodeIgniter, kali ini kita akan melakukan perubahan pada welcome screen dari halaman aplikasi website kita.

Sebelum lanjut, saya ingin sedikit menjelaskan bahwa pada folder belajarci terdapat 3 folder yaitu application, system dan user_guide. Folder application ini adalah tempat bagi kita melakukan perubahan-perubahan pada aplikasi, seperti konfigurasi aplikasi, merubah atau menambah controller, model, view, library dan sebagainya. Dan didalam folder application, fokus utama kita yaitu pada folder config, controllers, models dan views.

Beberapa folder yang menjadi fokus pembelajaran

Membuat Custom View

Kita akan membuat sebuah view sendiri yang berguna untuk menampilkan pesan “selamat datang” menggantikan halaman default dari framework codeigniter. Pertama silakan teman-teman buat file baru bernama selamat_datang.php di dalam folder application/views. Lalu ketikkan baris berikut:

<!DOCTYPE html>
<html>
<head>
	<title>Selamat Datang</title>
</head>
<body>

<h1>Selamat Datang</h1>
<p>Halo, ini adalah halaman utama dari aplikasi web yang kita buat menggunakan framework CodeIgniter.</p>

</body>
</html>

Selanjutnya kita lakukan modifikasi pada file controllers/Welcome.php menjadi seperti ini:

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

class Welcome extends CI_Controller {

	public function index()
	{
		$this->load->view('selamat_datang');
	}
}

Kita lakukan perubahan pada baris 8, dimana sebelumnya memanggil view bernama welcome_message, kemudian disini kita menggantinya dengan memanggil view bernama selamat_datang yang tadi sudah kita buat sebelumnya.

Untuk melihat hasilnya, silakan teman-teman buka melalui web browser dengan alamat localhost/belajarci dan hasilnya akan terlihat seperti berikut:

Custom view berhasil ditampilkan pada web browser

Ok, itulah tadi langkah-langkah dalam membuat custom view pada aplikasi web dengan menggunakan framework codeigniter. Artikel selanjutnya kita akan belajar mengenal controller dan method, jadi jangan lupa dipantengin terus blog ini ya 🙂

1 thought on “Seri #2 – Tutorial Belajar Framework CodeIgniter untuk Pemula | Membuat Custom View

  1. Pingback: Seri #3 – Tutorial Belajar Framework CodeIgniter untuk Pemula | Halaman Statis | 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.