Hy guys!
Assalamu’alaikum warahmatullahi wabarakatuh. Hari ini kita akan belajar
bagaimana cara membuat link dinamis.
Nah, apakah
halaman dinamis itu?
Halaman dinamis adalah sebuah halaman yang
memungkinkan kamu untuk mengedit suatu menu hanya dalam satu halaman saja. Atau
kira-kira gambarannya seperti ini, ketika kamu membuka suatu halaman website
pasti kamu menjumpai menu-menu yang ada di dalamnya bukan? Ketika kamu beralih
ke menu lain. Misalnya dari menu artikel ke menu ebook, maka yang akan berubah
hanya halaman yang ada di bawah menu tadi. Sedangkan menu yang diatasnya tetap.
Nah, seperti itulah kira-kira
Sebenarnya fungsi
halaman dinamis ini tidak hanya itu saja, akan tetapi kita akan belajar yang
sederhananya seperti penjabaran di atas
Yuk ikuti
langkah-langkahnya
1. Buatlah halaman index.php
<!DOCTYPE html> <html> <head> <title>Link Dinamis</title> </head> <body> <center> <h1>KodingPedia</h1> </center> <header> <ul> <li><a href="index.php?page=1">HOME</a></li> <li><a href="index.php?page=2">TUTORIAL</a></li> <li><a href="index.php?page=3">ARTIKEL</a></li> <li><a href="index.php?page=4">EBOOK</a></li> </ul> </header> <?php include "load.php"; ?> </body> </html>
Pada
halam inilah kita akan mengedit menu-menunya
2. Buatlah halaman home.php, artikel.php,
tutorial.php dan ebook.php
home.php
<h1>Selamat Datang di Website Kodingpedia Id</h1>
artikel.php
<h1>Ini Adalah Halaman Artikel</h1>
tutorial.php
<h1>Ini Adalah Halaman Tutorial</h1>
ebook.php
<h1>Ini Adalah Halaman Ebook</h1>
Halaman tersebut berfungsi nantinya ketika kita ingin beralih pada halaman satu dengan halaman lainnya.
3. Buatlah file load.php
<?php if(isset($_GET["page"])){ $page= $_GET["page"]; } else{ $page=1; } switch ($page){ case "1": require ("home.php"); break; case "2": require ("tutorial.php"); break; case "3": require ("artikel.php"); break; case "4": require ("ebook.php"); break; } ?>
Disinilah
yang paling penting untuk kita pelajari. Coba kamu perhatikan
if(isset($_GET["page"])){ $page= $_GET["page"]; }
Fungsi isset di atas adalah untuk memastikan apakah ada suatu halaman yang kita tekan/pencet. jika ada, dia akan mengarahkan pada halaman yang kita inginkan tersebut
else{ $page=1; } switch ($page){ case "1": require ("home.php"); break;
Jika tidak ada halaman yang kita tekan, maka dia akan menampilkan halaman default yaitu halaman home
Nah, jika koding diatas telah selesai kita cukup meng-includekan koding di ata ke halaman index.
<body> <center> <h1>KodingPedia</h1> </center> <header> <ul> <li><a href="index.php?page=1">HOME</a></li> <li><a href="index.php?page=2">TUTORIAL</a></li> <li><a href="index.php?page=3">ARTIKEL</a></li> <li><a href="index.php?page=4">EBOOK</a></li> </ul> </header> <?php include "load.php"; ?> </body>
Posisi include kita letakkan di bawah header. karena kita akan berganti halaman disana.
untuk koding index.php?page=1 berfungsi sebagai pemanggil halaman. jadi kamu sudah paham kan? kita cukup memanggil halaman yang lain pada halaman index. begitu juga ketika kita ingin mengubah menu-menu diatasnya kita cukup mengubah yang ada di halaman index.
"page" disana kita dapat dari method GET yang nantinya berfungsi untuk mengalihkan halaman yag kita klik yang diberi nama "page" dan untuk angka "1,2,3 dan 4" itu hanya sebagai umpama nama dari sebuah halaman (home,tutorial,artikel,ebook).
Hasilnya seperti ini
jika kamu masih bingung, kamu bisa latihan dengan men-download source code di bawah ini
DOWNLOAD SOURCE CODE
see you!
0 comments:
Post a Comment