Cara Membuat Url Dinamis Di PHP

Url Dinamis

Cara Membuat Url Halaman Dinamis diphp - Hallo Everyone. Selamat datang kembali di blog ahlikode.com, Pada Tutorial kali ini saya akan mencoba membuat atau membahas tentang Url Dinamis

Membuat Url Halaman Dinamis di PHP 

Berikut ini adalah cara membuat Url Halaman dinamis di php, silahkan teman - teman ikuti dan mempraktekkan secara langsung, agar mudah di pahami.

1. Buatlah nama proyek anda di localhost, kalau saya memberi nama projectnya yaitu `dinamis`.
C:\xampp\htdocs\dinamis


2. Langkah selanjutnya, Anda harus membuat file index.php. lalu ikuti contoh script dibawah ini.
<!doctype html>
    <html lang="en">
    <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" 
    href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">

    <title>Ahlikode</title>
    </head>
    <body>
    <!-- Navbar -->
    <nav class="navbar navbar-expand-md navbar-light 
    fixed-top bg-light d-flex flex-column 
    flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white 
    border-bottom shadow-sm">
            <div class="container">
                <a class="navbar-brand" href="?pages=home">
                    <span class="title">Ahlikode</span>
                </a>
                <button class="navbar-toggler" 
                type="button" data-toggle="collapse" data-target="#navbarCollapse" 
                aria-controls="navbarCollapse" 
                aria-expanded="false" 
                aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarCollapse">
                    <ul class="navbar-nav ml-auto">
                        <li class="nav-item">
                            <a class="nav-link mr-1 menu" id="beranda" href="?pages=home">
                                <i class="fas fa-home title-icon"></i> Beranda 
                            </a>
                        </li>
         
                        <li class="nav-item">
                            <a class="nav-link mr-1 menu"  href="?pages=about">
                                <i class="fas fa-user title-icon"></i> About
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="btn btn-info"  href="?pages=kontak">
                                <i class="fas fa-plus title-icon"></i> Kontak Kami
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    <!-- End Navbar-->

    <!-- Content -->
    <div class="content">

    <?php
    //home page
    $page=(isset($_GET['pages']))?$_GET['pages']:"home";
    switch($page) {

    case 'home':
        include "content/home/index.php";
    break;

    case 'about':
        include "content/about/index.php";
    break;
    
    case 'kontak':
        include "content/kontak/index.php";
    break;

    default:
        echo "<center><h3>Maaf. Halaman tidak di temukan !</h3></center>";
    break;

    }
    ?>

    </div>
    

    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script 
        src="https://code.jquery.com/jquery-3.2.1.slim.min.js">
    </script>
    <script 
        src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js">
    </script>
    <script 
        src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js">
    </script>

    </body>
    </html>

3. Script diatas adalah script yang menggunakan framework  bootstrap, jadi tampilannya sangat sederhana, dan enak dilihat dari mata. menurut saya, hehehe. Anda bisa mengeditnya atau mempercantik tampilannya lagi.

Penjelasan:
  • include ini adalah untuk memanggil isi konten 
  • Case Adalah untuk memanggil nilai dari varible contoh  ?pages=hasil,  hasil  ini adalah nilai, sedangkan pages adalah variable.
  • Default berfungsi untuk mengecek url. contoh  `?pages=blank`, nilai blank tidak ditemukan pada case, jadi akan muncul pesan `echo "<center><h3>Maaf. Halaman tidak di temukan !</h3></center>.
Cara Menggunakannya

Pada href="", Anda tidak perlu lagi untuk mencari lokasi pada file. contoh yang saya maksud yaitu href="register/login.php". Namun, Anda  bisa menulis seperti contoh ini href="?pages=login", cukup mudah diingat bukan? pasti mudah dong.

Dibawah ini adalah isi konten About, Kontak Dan Home

Home:
 <div class="jumbotron mt-5">
    <div class="container"> 
    <h1 class="display-4">Welcome</h1>
    <p class="lead">
        Selamat Datang di ahlikode.com
    </p>    
    </div>
 </div>

About:
 <div class="jumbotron mt-5">
    <div class="container"> 
    <h1 class="display-4">About</h1>
    <p class="lead">
        Ahlikode adalah blog yang membahas tentang coding, tutorial coding dan sebagainya.
    </p>    
    </div>
</div>

Kontak:
  <div class="jumbotron mt-5">
    <div class="container"> 
    <h1 class="display-4">Contact Us</h1>
    <p class="lead">
        Email : Ahlikodee@gmail.com<br>
        Website : Ahlikode.com
    </p>    
    </div>
  </div>


Struktur File:

Gambar dibawah ini adalah struktur file yang saya buat.

Struktur File

Okelah Sekian dari saya, jika ada masalah atau error pada script atau ada yang kurang jelas, bisa langsung berkomentar diartikel ini.

Comments

Popular posts from this blog

Cara Membuat Sidebar Dengan Bootstrap 4

Panduan Membuat Form Login Dengan Bootstrap 5

Cara Membuat Newsletter Di blog Dengan Formspree