Timeline
02 Oktober 2024 Administrator Dibaca : 167 KaliMembuat Halaman Timeline
Sebelum membuat kode untuk halaman timeline.php, kita buat dulu auth.php.
File auth.php berfungsi untuk mengecek session, apakah user sudah login atau belum.
Silakan buka file auth.php kemudian isi seperti ini:
<?php
session_start();
if(!isset($_SESSION["user"])) header("Location: login.php");
Penjelasan:
Seperti penjelasan sebelumnya, saat kita ingin menggunakan variabel $_SESSION, maka kita harus memanggil fungsi session_start() terlebih dahulu.
Setelah itu kita cek dengan:
if(!isset($_SESSION["user"])) header("Location: login.php");
Artinya, jika variabel $_SESSION["user"] tidak memiliki nilai, maka user belum login… paksa dia untuk login ????.
Tanda seru (!) di depan isset() artinya tidak. Berarti tidak ter-set (variabel belum dibuat).
Nah barulah sekarang kita buat halaman timeline.php.
Silakan buka file timeline.php, lalu isi dengan kode berikut:
<?php require_once("auth.php"); ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Pesbuk Timeline</title>
<link rel="stylesheet" href="css/bootstrap.min.css" />
</head>
<body class="bg-light">
<div class="container mt-5">
<div class="row">
<div class="col-md-4">
<div class="card">
<div class="card-body text-center">
<img class="img img-responsive rounded-circle mb-3" width="160" src="img/<?php echo $_SESSION['user']['photo'] ?>" />
<h3><?php echo $_SESSION["user"]["name"] ?></h3>
<p><?php echo $_SESSION["user"]["email"] ?></p>
<p><a href="logout.php">Logout</a></p>
</div>
</div>
</div>
<div class="col-md-8">
<form action="" method="post" />
<div class="form-group">
<textarea class="form-control" placeholder="Apa yang kamu pikirkan?"></textarea>
</div>
</form>
<?php for($i=0; $i < 6; $i++){ ?>
<div class="card mb-3">
<div class="card-body">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis veritatis nemo ad recusandae labore nihil iure qui eum consequatur, officiis facere quis sunt tempora impedit ullam reprehenderit facilis ex amet!
</div>
</div>
<?php } ?>
</div>
</div>
</div>
</body>
</html>
Halaman timeline.php hanya boleh dibuka oleh user yang sudah login saja. Maka kita harus mengeceknya.
Bagaimana caranya?
Cukup dengan mengimpor file auth.php:
<?php require_once("auth.php"); ?>
Apa bila user-nya belum login, maka dia akan dialihkan ke halaman login. Sesuai kondisi logika yang kita buat pada file auth.php.
Karena kita sudah mengimpor file auth.php, kita bisa menggunakan variabel $_SESSION di sini.
Mari kita coba ambil nilai yang disimpan di sana:
<img class="img img-responsive rounded-circle mb-3" width="160" src="img/<?php echo $_SESSION['user']['photo'] ?>" />
<h3><?php echo $_SESSION["user"]["name"] ?></h3>
<p><?php echo $_SESSION["user"]["email"] ?></p>
Lalu membuat sebuah status dummy “lorem ipsum” sebanyak 6:
<?php for($i=0; $i < 6; $i++){ ?>
<div class="card mb-3">
<div class="card-body">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis veritatis nemo recusandae labore nihil iure qui eum consequatur, officiis facere quis sunt tempoimpedit ullam reprehenderit facilis ex amet!
</div>
</div>
<?php } ?>
Maka hasilnya:
Kereenn… ????
Terakhir, tinggal buat logout.php saja nih.
