-->

AK Studio

Tutorial Programming Bahasa Indonesia

Tutorial Pemrograman PHP Mysql Part #5: 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# 5 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 Mysql Part #5: Berpindah Halaman Dengan PHP"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel