Tutorial Pemrograman PHP Part #6: Berpindah Halaman Dengan PHP
Pada Tutorial sebelumnya kita telah mempelajari jenis-jenis perulangan pada
bahasa pemrograman PHP
untuk link bisa di lihat pada tutorial berikut ini.
Pada tutorial part# 6 ini kita akan mencoba untuk berpindah halaman, dari
halaman satu ke halaman lain dengan menggunkan fungis redirect yang ada pada
bahasa pemrograman php. berpindah halaman ini sering di gunakan untuk membuat
menu navigasi yang mengarahkan user kehalaman yang di pilih.
langsung saja untuk tutorial nya kita coba membuat nya, di sini kita masih
menggunakan project yang sama.
1. Buka project Sebelumnya
ubah file index.php menjadi seperti berikut ini
index.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Halaman Pertama</title>
</head>
<body>
<h2>Halaman Pertama</h2>
<a href="/php-tutorial/Tutorial/Berpindah_Halaman/page_dua.php"><button>Halaman Dua</button></a>
</body>
</html>
Penjelasan Koding
untuk berpindah halam kita menngunkan tag <a></a> anchor dan
url nya nama atau lokasi dari file page dua.php yang akan kita panggil
2. Buat file baru page_dua.php
agar struktur project kita terlihat lebih rapi kita perlu membuat
folder baru untuk menampung file yang akan kita buat sebagai
halaman kedua yang akan kita panggil dari file index.php
untuk koding page_dua sama saja dengan yang telah kita buat untuk page
index.php akan tetapi dalam tag anhcor , href nya kita tuliskan lokasi tempat
file index.php berada. untuk koding nya sperti berikut ini.
Page_dua.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Halaman Keuda</title>
</head>
<body>
<h2>Halaman Kedua</h2>
<a href="../../index.php"><button>Halaman Pertama</button></a>
</body>
</html>
pada tag anchor href terdapat fungsi (../../) tanda
dalam kurung berfunsgi untuk mengakses folder sebelumnya. simpan dan
jalankan makan hasil akhir nya akan sperti gambar berikut ini.
3. Mengirim Variabel Ke Page Dua
untuk mengirim variabel ke halam page dua kita perlu menambahkan tag form
input pada file index.php, berupa input text yang nantinya value atau nilai
dari input text ini akan kita tampilkan di halaman page dua,
ada beberapa cara untuk mengirim variabel ke halam page dua yaitu dengan
menggunakan:
- session
- cookies
- GET
- POST
namun untuk tutorial kali ini kita akan mencoba teknik POST dan GET, untuk
penggunaan session dan cookie mungkin akan kita coba bahas di tutorial berikut
nya.
Tag FROM INPUT
<!-- untuk penggunaan POST dan GET CUKUP mengganti methods pada fromnya -->
<form method="post" action="/php-tutorial/Tutorial/Berpindah_Halaman/page_dua.php">
<input type="text" name="user_name" placeholder="User Name" />
<input value="Halaman Dua" type="submit" name="Submit" />
</form>
kita perlu merubah file index.php menjadi seperti berikut ini..
file index.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Halaman Pertama</title>
</head>
<body>
<h2>Halaman Pertama</h2>
<!-- untuk penggunaan POST dan GET CUKUP mengganti methods pada fromnya -->
<form method="post" action="/php-tutorial/Tutorial/Berpindah_Halaman/page_dua.php">
<input type="text" name="user_name" placeholder="User Name" />
<input value="Halaman Dua" type="submit" name="Submit" />
</form>
</body>
</html>
Penjelasan koding
pada line 15: kita menentukan methods yang di pakai pada form nya
untuk POST methods="POST"
untuk GET methods="GET"
dan tag action disini kita tulikan pemanggilan file page_dua.php nya. jika
kita sudah terhubug dengan database bisa juga kita pakai untuk pemanggilan
fungsi save data, atau lain sebagai nya...
yang artinya input dari dalam from ini akan kita kirim kemana..
dan kita tentukan melalui tag action tersebut
pada line 19 : deklarasi sebuah button dengan fungsi submit yang mana ketika button submit di klik akan mengirim variabel yang di input kedalam, page atau fungsi yang di tentukan dalam tag action nya
dan untuk menapilkan nya nilai dari input yang kita masukan pada halaman page
dua kita perlu menambahkabn koding berikut ini.
pada file page_dua,php tulikan koding berikut ini.
page_dua.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Halaman Keuda</title>
</head>
<body>
<h2>Halaman Kedua</h2>
<p>
<?php
$Username = $_POST['user_name'];
echo "selamat Data " . $Username . " , Di Halaman Dua";
?>
</p>
<a href="../../index.php"><button>Halaman Pertama</button></a>
</body>
</html>
Penjelasan Koding
pada line 16 kita menerima values dari from yang di kirim dari index.php
$Username = $_POST['user_name']; untuk <form method="post"$Username = $_GET['user_name']; untuk <form method="get"simpan dan jalankan program nya maka hasil nya akan menjadi seprti berikut ini.
 |
| mengirim Variabel Antar Halaman |
Sampai disini kita telah berhasil mempelajari cara untuk berpindah halam pada php dan mengirim variabel atau nilai antar halaman di php.
untuk lebih memahami lagi tentang bahasa pemrograman PHP akan kita bahas pada tutorial berikut nya.
Jika ada masukan dan saran mengenai postingan ini bisa berikan di kolom Komentar..
Sekian Dan Terima kasih...
#Happy Coding
#Keyword Penelusuran
- Belajar PHP dan Mysql
- Tutorial Bahasa Pemrograman PHP
- Tutorial PHP Untuk Pemula
- Tutorial PHP dan Mysql Bahas Indonesia
- Tutorial Belajar PHP dan Mysql
- Operator Dasar Pemrograman PHP
- Berpindah Halam Di PHP
- Mengirim varibael beda halaman
- redirect halan di PHP
- Method POST di PHP
- Method GET di PHP
0 Response to "Tutorial Pemrograman PHP Part #6: Berpindah Halaman Dengan PHP"
Posting Komentar