Dynamic Content in CodeIgniter (CI)

Sekarang kita lanjutkan kembali tentang membuat dynamic content website menggunakan CI.

Buka file kontrol  (blog.php) yang pada tutorial sebelumnya sudah kita buat (jika anda belum mengikuti silahkan baca terlebih dahulu). Rubah isinya seperti contoh berikut

<?php
class Blog extends CI_Controller {function index()
{
$data[‘title’] = “Ini websiteku”;
$data[‘heading’] = “Judul Website Saya”;

$this->load->view(‘blogview’, $data);
}
}
?>

Selanjutnya buka file view (blogview.php) dan modifikasi isinya seperti berikut

<html>
<head>
<title><?php echo $title;?></title>
</head>
<body>
<h1><?php echo $heading;?></h1>
</body>
</html>

Cek tampilan di browser anda, maka akan terlihat tampilan seperti ini.

dyn4

Terlihat tampilan titel website di atas browser.

Pada tahap selanjutnya kita buat halaman dinamis dengan sistem loop

Kembali buka file blog.php anda dan modifikasi isinya jadi seperti berikut

<?php
class Blog extends CI_Controller {function index()
{
$data[‘todo_list’] = array(‘Bangun’, ‘Shalat’, ‘Mandi’);

$data[‘title’] = “Ini Websiteku”;
$data[‘heading’] = “Ini Judul Webku”;

$this->load->view(‘blogview’, $data);
}
}
?>

Dan modifikasi juga file view (blogview.php) seperti berikut

<html>
<head>
<title><?php echo $title;?></title>
</head>
<body>
<h1><?php echo $heading;?></h1>

<h3>Kerjaan Rutin Tiap Pagi</h3><ul>
<?php foreach ($todo_list as $item):?>

<li><?php echo $item;?></li>

<?php endforeach;?>
</ul>

</body>
</html>

Dan tampilanya kira-kira akan seperti ini

dyn5

Ok itu bagian pertama dari halaman dinamis…nanti dilajutkan lagi

Semoga bermanfaat

Yohandri

Leave a Reply

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 )

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s

%d bloggers like this: