Home > PHP > Dynamic Page Design

Dynamic Page Design

August 18th, 2008
Goto comments Leave a comment

Bro gay bertanya di Kaskus :

Sama satu lagi..
Misalnya saya punya 3 div tag (header, navigation, content)..
di navigation misalnya ada home, news, contact us..
Nah misalnya saya klik home atau news, contact us biar yang berubah cuman contentnya aja
logikanya gmn ya? Ada tutorialnya ga?
Thanks =)

Jawaban dari saya :

Misalnya gini, ini adalah desain utama tiap halaman

<html>
<head></head>
<body>
<div class=“header”>Header di sini</div>
<div class=“navigation”>Navigation di sini</div>
<div class=“content”>Content di sini</div>
</body>

Kita ingin untuk halaman home, news, contact us, yang berganti hanyalah bagian content (dan sedikit di bag navigasi)
Pertama, URL kita HARUS berbentuk
index.php?page=home ; index.php?page=news ; index.php?page=contactus
(Tapi tenang aja URL ini nanti bisa kita ubah menjadi “home.php” untuk “index.php?page=home”, “news.php” untuk “index.php?page=news”, dan seterusnya)

Nah pertama kita buat “index.php” di root

<?php
define('MY_DIR', dirname(__FILE__));
$page = $_GET['page'];
if ($page == '') {
   $page = $_POST['page'];
}

if ($page == 'news') {
   $NEEDED_FILE = MY_DIR . '/includes/news.php';
} else if ($page == 'contactus') {
   $NEEDED_FILE = MY_DIR . '/includes/contactus.php';
} else {
   $NEEDED_FILE = MY_DIR . '/includes/home.php';
}
?>
<html>
<head></head>
<body>
<div class="header">Header here</div>
<div class="navigation">
<a href="index.php?page=home">Home</a>
<a href="index.php?page=news">News</a>
<a href="index.php?page=contactus">Contact Us</a>
</div>
<div class="content"><?php require($NEEDED_FILE); ?></div>
</body>
</html>

Selanjutnya kita buat directory “includes” di root, kita taruh file “news.php”, “contactus.php”, dan “home.php” di sana. (serta file “index.php” di sana untuk berjaga-jaga)

Berikut adalah contoh isi dari “news.php” (”/includes/news.php”)

<?php
if (!defined('MY_DIR')) {
   die('Naughty boy !')
   exit();
}
?>
<p>Halo, saya ada di halaman berita lho :-p</p>

Nah buat juga 2 file lain (”home.php”, dan lain-lain).

Sekarang semua sudah jadi, kita tinggal mempercantik URL, yaitu mengganti

  • “index.php?page=home” menjadi “home.php”
  • “index.php?page=news” menjadi “news.php”

Caranya, buatlah sebuah file “.htaccess” pada root. Server anda harus mensupport rewrite :)

Isi file tersebut dengan :

<IfModule mod_rewrite.c>
	RewriteEngine on

	RewriteCond %{REQUEST_FILENAME} !-f
	RewriteCond %{REQUEST_FILENAME} !-d

	RewriteRule ^([a-z0-9\-\_]+)\.php$ index.php?page=$1 [NC,L,QSA]
</IfModule>

Sekarang bukalah “news.php” di browser anda, dan anda akan melihat tampilan yang sama dengan “index.php?page=news”

PHP

 
Your Ad Here
 
  1. me
    August 19th, 2008 at 01:13 | #1
    Reply | Quote

    Wahh dibikinin tutorialnya :D
    Bro xrvel emang top dah :D

  2. wakakapedia.com
    August 19th, 2008 at 21:50 | #2
    Reply | Quote

    Mantab bro… keren banget :)

  1. No trackbacks yet.