Hai, balik lagi ditutorial pemrograman Dumet School kali ini kita akan belajar tentang Bagaimana Cara Membuat Title Menjadi Dinamis Menggunakan PHP, pasti sudah ada yah dipikiran teman teman tentang gimana sih caranye membuat title menjadi dinamis, yang biasanya kita hanya membuat halaman saja yang dinamis kali ini titlenya kita akan membuat dinamis, untuk teman teman yang belum familiar dengan kata dinamis
dinamsi dalam bahas pemrograman ialah sebuah tampilan yang dimana header dan footernya hanya dibuat sekali (tetap tidak berubah) hanya content atau isinya saja yang berubah, itulah yang disebut dengan dinamis atau bisa juga dinamis itu sudah menerapkan yang namanya database jadi data data yang ditampilkan ialah data yang ada didalam database kita bukan lagi sebuah inputan yang berasal dari html, oke kira kira seperti itu lah. Jadi yang kita ingin buat ialah ketika kita membuka sebuah halaman profile, home, dan contact maka title pada website akan mengikuti seperti kita membuka halaman home maka titlenya ialah halaman home sebaliknya dengan profile dan contact, oke cukup menarik bukan?, kita akan mulai, pastikan teman teman sudah siap yah, oke buatkan 4 file yang masing masing diberi nama index.php (sebagai operator), home.php, contact.php dan profile.php oke jika sudah kita setting terlebih dahulu yang index.php teman teman bisa masukkan script berikut :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 |
<!DOCTYPE html> <html> <head> <?php if (isset($_GET['home'])) { ?> <title> Halaman Home </title> <?php } else if ( isset($_GET['profile'] ) ) { ?> <title> Halaman Profile </title> <?php } else if ( isset($_GET['contact'] ) ) { ?> <title> Halaman Contact </title> <?php } ?> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="description" content="Demo project with jQuery"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous"> <style type="text/css"></style> </head> <body> <nav class="navbar navbar-expand-lg navbar-dark bg-primary"> <a class="navbar-brand" href="#">Navbar</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto"> <li class="nav-item active"> <a class="nav-link" href="index.php?home">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="index.php?profile">Profile</a> </li> <li class="nav-item"> <a class="nav-link" href="index.php?contact">Contact</a> </li> </ul> </div> </nav> <?php if(isset($_GET['home'])){ include 'home.php'; } else if (isset($_GET['profile'])){ include 'profile.php'; } else if (isset($_GET['contact'])){ include 'contact.php'; } else { include 'home.php'; } ?> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript"> jQuery(function(){ }); </script> </body> </html> |
Lalu profile.php
|
1 2 3 4 5 6 7 8 |
<div class="container"> <div class="col-md-12"> <div class="jumbotron"> <h1> Hallo Profile </h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus maiores incidunt natus excepturi ab soluta consequatur veniam, quidem eveniet, maxime magnam consectetur velit ipsa, pariatur magni alias cupiditate officiis unde!</p> </div> </div> </div> |
Home.php
|
1 2 3 4 5 6 7 8 |
<div class="container"> <div class="col-md-12"> <div class="jumbotron"> <h1> Hallo Home </h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus maiores incidunt natus excepturi ab soluta consequatur veniam, quidem eveniet, maxime magnam consectetur velit ipsa, pariatur magni alias cupiditate officiis unde!</p> </div> </div> </div> |
Dan yang terakhir contact.php
|
1 2 3 4 5 6 7 8 |
<div class="container"> <div class="col-md-12"> <div class="jumbotron"> <h1> Hallo Contact </h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus maiores incidunt natus excepturi ab soluta consequatur veniam, quidem eveniet, maxime magnam consectetur velit ipsa, pariatur magni alias cupiditate officiis unde!</p> </div> </div> </div> |
Jika semuanya sudah disave, dan jalankan coba klik setiap setiap halamannya, maka titlenya akan mengikuti apa yang kita klik, cukup mudah bukan?, sekian tutorial tentang Bagaimana Cara Membuat Title Menjadi Dinamis Menggunakan PHP, sampai bertemu diartikel selanjutnya dan sampai jumpa.
#KeepLearn
#IsmetMA