Membuat Halaman Dinamis dengan PHP

Dalam pengembangan website, membuat halaman yang dapat berubah sesuai permintaan pengguna adalah kemampuan dasar yang penting. Salah satu cara sederhana untuk membuat halaman dinamis adalah dengan menggunakan parameter URL dan memprosesnya menggunakan PHP. Pada artikel ini, kita akan membahas bagaimana membangun halaman dinamis yang terdiri dari tiga menu utama: Beranda, Profil, dan About Me.

1. Konsep Dasar Halaman Dinamis

Halaman dinamis adalah halaman web yang kontennya berubah berdasarkan permintaan pengguna atau data tertentu. Dalam contoh ini, perubahan halaman dilakukan menggunakan parameter ?page= pada URL, seperti:

index.php?page=beranda
index.php?page=profil
index.php?page=about

Setiap parameter akan menampilkan konten berbeda sesuai pilihan menu.

2. Struktur Dasar File index.php

Kode dimulai dengan menentukan nilai parameter yang diterima dari URL:

$page = isset($_GET['page']) ? $_GET['page'] : 'beranda';

Kode ini membaca $_GET['page'] dari URL. Jika tidak ada parameter, maka secara otomatis halaman yang ditampilkan adalah Beranda.

3. Bagian Navigasi

Menu navigasi dibuat agar pengguna bisa berpindah antar halaman:

<nav>
    <a href=\"?page=beranda\">Beranda</a>
    <a href=\"?page=profil\">Profil</a>
    <a href=\"?page=about\">About Me</a>
</nav>

Navigasi ini akan selalu tampil di bagian atas halaman.

4. Logika Pemilihan Halaman

Bagian inti dari halaman dinamis adalah menentukan konten mana yang tampil:

if ($page == 'beranda') {
    echo "<h1>Selamat Datang di Beranda</h1><p>Ini adalah halaman utama dari website dinamis PHP.</p>";
}
elseif ($page == 'profil') {
    echo "<h1>Profil</h1><p>Ini adalah halaman profil Anda. Tambahkan informasi sesuai kebutuhan.</p>";
}
elseif ($page == 'about') {
    echo "<h1>About Me</h1><p>Halo! Ini adalah halaman tentang saya. Anda bisa menulis deskripsi diri di sini.</p>";
}
else {
    echo "<h1>404</h1><p>Halaman tidak ditemukan.</p>";
}

Jika parameter tidak dikenali, maka halaman akan menampilkan pesan 404 Halaman Tidak Ditemukan.

5. Tampilan dan Gaya

Untuk membuat tampilan lebih rapi, digunakan CSS sederhana untuk mengatur warna navigasi, jarak, dan font:

nav { background: #333; padding: 10px; }
nav a { color: white; margin-right: 15px; text-decoration: none; }
nav a:hover { text-decoration: underline; }

6. Kesimpulan

Kode ini merupakan contoh dasar bagaimana membuat halaman dinamis menggunakan PHP tanpa framework. Teknik ini sangat cocok untuk pemula yang ingin memahami cara kerja routing sederhana. Anda juga bisa mengembangkan struktur ini lebih lanjut, seperti:

• Memisahkan file menjadi header.php, content.php, dan footer.php
• Menggunakan template engine atau framework seperti Laravel
• Menambahkan database agar konten lebih dinamis