Langkah - langkah membuat website sederhana menggunakan codeIgniter - bagian 2

Untuk membuat sebuah aplikasi berbasis website menggunakan Codeigniter, terlebih dahulu kita harus mengetahui structure Controller dan View. Secara default, pada codeigniter sudah terdapat contoh controller dan view. Contoh controller yang disertakan secara default adalah welcome.php yang isinya adalah sebagai berikut:

 

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

class Welcome extends CI_Controller {

	/**
	 * Index Page for this controller.
	 *
	 * Maps to the following URL
	 * 		http://example.com/index.php/welcome
	 *	- or -  
	 * 		http://example.com/index.php/welcome/index
	 *	- or -
	 * Since this controller is set as the default controller in 
	 * config/routes.php, it's displayed at http://example.com/
	 *
	 * So any other public methods not prefixed with an underscore will
	 * map to /index.php/welcome/
	 * @see http://codeigniter.com/user_guide/general/urls.html
	 */
	public function index()
	{
		$this->load->view('welcome_message');
	}
	
	function hello()
	{
		$data['pesan'] = 'Hello PHP Programer Indonesia';
		$this->load->view('script_hello',$data);
	}
}

/* End of file welcome.php */
/* Location: ./application/controllers/welcome.php */

Ketika user mengakses aplikasi dengan mengetikkan alamat http://localhost/folder_ci/index.php/welcome , maka user akan diarahkan pada controller welcome dan membaca function index, dimana function index kemudian akan memanggil view welcome_message, yaitu pada perintah :

$this->load->view('welcome_message'); //perintah $this->load->view bisa kita setarakan dengan perintah include / require

Dimana script welcome_message.php terdapat pada direktory Application/views/welcome_message.php , akan tetapi cara penulisannya dalam perintah load tidak perlu mencantumkan extensi .php. Jika user mengakses alamat url http://localhost/folder_ci/index.php/welcome/hello , maka akan di panggil view script_hello.php yang selanjutnya akan mencetak kata 'Hello PHP Programer Indonesia' pada layar.

 

Berbeda dengan controller, View hanya bertugas untuk mencetak dan melakukan pemrosesan data / variabel yang sudah fix. View tidak memerlukan struktur tersendiri seperti halnya pada controller, yang terpenting adalah proses penamaan view dibuat tanpa menggunakan tanda spasi. Hindari menggunakan huruf besar kecil supaya lebih mempermudah kita dalam memanggil script view pada controller

Contoh view yang terdapat pada default codeigniter adalah welcome_message.php yang isinya adalah sebagai berikut :

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Welcome to CodeIgniter</title>

	<style type="text/css">

	::selection{ background-color: #E13300; color: white; }
	::moz-selection{ background-color: #E13300; color: white; }
	::webkit-selection{ background-color: #E13300; color: white; }

	body {
		background-color: #fff;
		margin: 40px;
		font: 13px/20px normal Helvetica, Arial, sans-serif;
		color: #4F5155;
	}

	a {
		color: #003399;
		background-color: transparent;
		font-weight: normal;
	}

	h1 {
		color: #444;
		background-color: transparent;
		border-bottom: 1px solid #D0D0D0;
		font-size: 19px;
		font-weight: normal;
		margin: 0 0 14px 0;
		padding: 14px 15px 10px 15px;
	}

	code {
		font-family: Consolas, Monaco, Courier New, Courier, monospace;
		font-size: 12px;
		background-color: #f9f9f9;
		border: 1px solid #D0D0D0;
		color: #002166;
		display: block;
		margin: 14px 0 14px 0;
		padding: 12px 10px 12px 10px;
	}

	#body{
		margin: 0 15px 0 15px;
	}
	
	p.footer{
		text-align: right;
		font-size: 11px;
		border-top: 1px solid #D0D0D0;
		line-height: 32px;
		padding: 0 10px 0 10px;
		margin: 20px 0 0 0;
	}
	
	#container{
		margin: 10px;
		border: 1px solid #D0D0D0;
		-webkit-box-shadow: 0 0 8px #D0D0D0;
	}
	</style>
</head>
<body>

<div id="container">
	<h1>Welcome to CodeIgniter!</h1>

	<div id="body">
		<p>The page you are looking at is being generated dynamically by CodeIgniter.</p>

		<p>If you would like to edit this page you'll find it located at:</p>
		<code>application/views/welcome_message.php</code>

		<p>The corresponding controller for this page is found at:</p>
		<code>application/controllers/welcome.php</code>

		<p>If you are exploring CodeIgniter for the very first time, you should start by reading the <a href="user_guide/">User Guide</a>.</p>
	</div>

	<p class="footer">Page rendered in <strong>0.0382</strong> seconds</p>
</div>

</body>
</html>

Sepeti penjelasan sebelumnya, karena script view tidak memerlukan struktur yang khusus, maka bisa dibuat dengan hanya menggunakan kode html biasa atau menggunakan kode php. dalam pembahasan kali ini, kita juga membuat script_hello.php yang kita tempatkan pada view seperti terlihat dibawah ini:

<h1>Script Hello</h1>
<?php
echo $pesan;
/* 
$pesan merupakan variabel yang dikirimkan oleh controller
untuk digunakan pada view
*/
?>

Setelah mencoba melakukan modifikasi diatas, cobalah untuk mengakses aplikasi kita dengan mengetikkan alamat berikut :

http://localhost/folder_ci/index.php/welcome
http://localhost/folder_ci/index.php/hello

 

Selamat mencoba dan Salam Kreatif


Komentar pembaca

nepryantogak ada adminnya ya?posting pada :2013-10-14 01:27:40