Dalam tutorial ini, kita akan membuat halaman login sederhana menggunakan PHP tanpa terkoneksi ke database. Kami akan mengikuti langkah-langkah berikut:
Halaman Login (login.php):
- Buat file
login.phpyang akan menjadi halaman login. - Di halaman ini, pengguna akan memasukkan username dan password.
- Jika login berhasil (dengan username “admin” dan password “admin”), pengguna akan diarahkan ke halaman selamat datang.
- Jika login gagal, pengguna akan tetap berada di halaman login dan diberikan pesan bahwa username atau password salah.
- Buat file
Halaman Selamat Datang (dashboard.php):
- Buat file
dashboard.phpyang akan menjadi halaman selamat datang setelah login berhasil. - Di halaman ini, kita hanya akan menampilkan pesan sederhana seperti “Selamat datang, Admin!”.
- Buat file
Login Process (ceklogin.php):
- Buat file
ceklogin.phpyang akan melakukan pengecekan login. - Jika username dan password yang dimasukkan adalah “admin”, kita akan mengarahkan pengguna ke halaman selamat datang.
- Jika tidak, pengguna akan kembali ke halaman login dengan pesan kesalahan.
- Buat file
Berikut adalah contoh implementasi sederhana untuk setiap file:
- login.php:
<!DOCTYPE html>
<html>
<head>
<title>Halaman Login</title>
</head>
<body>
<h2>Login</h2>
<form action="ceklogin.php" method="post">
<input type="text" name="username" placeholder="Username"><br>
<input type="password" name="password" placeholder="Password"><br>
<input type="submit" value="Login">
</form>
</body>
</html>
- ceklogin.php:
<?php
session_start();
// Save the correct username and password
$correctUsername = "admin";
$correctPassword = "admin";
// Retrieve data from the login form
$username = $_POST['username'];
$password = $_POST['password'];
// Check whether the username and password are correct
if ($username == $correctUsername && $password == $correctPassword) {
// Set session and navigate to the welcome page
$_SESSION['username'] = $username;
header("Location: dashboard.php");
} else {
// If incorrect, returns to the login page with an error message
header("Location: login.php?error=1");
}
?>
- dashboard.php:
<?php
session_start();
// Check whether the user is logged in
if (!isset($_SESSION['username'])) {
header("Location: login.php");
exit;
}
// Retrieve the username from the session
$username = $_SESSION['username'];
?>
<!DOCTYPE html>
<html>
<head>
<title>Dashboard Selamat Datang</title>
</head>
<body>
<h2>Selamat datang, <?php echo $username; ?>!</h2>
<p>Ini adalah halaman selamat datang setelah login.</p>
</body>
</html>
Pastikan kamu menyimpan ketiga file ini dengan nama yang sesuai dan mengatur struktur folder yang benar. Kamu dapat mengganti pesan selamat datang dan mengkustomisasi tampilan sesuai kebutuhan kamu.
Untuk melihat videonya bisa berkunjung disini: https://ngeteh.id/login-sederhana-dengan-menggunakan-php-tanpa-database-e1/
Komentar
Posting Komentar