Membuat Form Login
Membuat Form Login
Sebelum memulainya pastikan untuk membuat file di mysql, di sini saya menggunakan nama file "siswa_smk". Contohnya seperti ini:
.png)
.png)
Buat file pada xammp > htdocs > file yang ingindibuat
1. Buat file login.php dan isi sebagai berikut:
.png)
Jika di isi admin dan 123, atau password tidak sesuai maka:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Membuat Form Login</title>
</head>
<body>
<h1>Login</h1>
<form action="" method="POST">
<label label>Username</label><br>
<input type="text" name="username"><br>
<label>Password</label><br>
<input type="password" name="password"><br>
<button type="submit" name="login">Log in</button>
</form>
<?php
include "koneksi.php";
if (isset($_POST['login'])){
$user = $_POST['username'];
$pass = md5($_POST['password']);
$login=mysqli_query($koneksi, "SELECT * FROM user
WHERE username='$user' AND password='$pass'");
$cocok=mysqli_num_rows($login);
$r=mysqli_fetch_array($login);
if ($cocok > 0){
$_SESSION['username'] = $r['username'];
header('location:index.php');
}else{
echo "<script>window.alert('Maaf, Anda Tidak Memiliki akses');
window.location=('index.php')</script>";
}
}
?>
</body>
</html>
2. Membuat index.html
<?php
session_start();
include "koneksi.php";
if (isset($_SESSION['username'])==''){
include "login.php";
}else{
include "konten.php";
}
?>
3. Membuat koneksi.php
<?php
$koneksi = mysqli_connect("localhost","root","","siswa_smk");
// Cek koneksi
if (mysqli_connect_errno()){
echo "Koneksi database gagal : " . mysqli_connect_error();
}
?>
4. Membuat konten.php
<?php
echo "Selamat, anda berhasil login
$_SESSION[username]!";
echo "<br>";
echo "<a href=logout.php>Logout</a>";
?>
5. Membuat logout.php
<?php
session_start();
session_destroy();
header('Location:index.php');
die();
?>
Untuk menguji coba, pastikan untuk membuka xampp
Bila berhasil maka tampilannya seperti ini:
.png)
.png)
Jika di isi sesuai admin dan admin, maka hasilnya:
.png)
Komentar
Posting Komentar