Pada kesempatan kali ini saya akan memberikan tutorial mengenai bagaimana caranya untuk membuat halaman login dengan php dan mysql. Ini merupakan tutorial dasar dari php dan mysql.
Seperti yang kita ketahui halaman login adalah halaman untuk memasukkan informasi, atau memastikan bahwa benar-benar kita yang melihat halaman tersebut (dengan validasi katasandi). Ini digunakan untuk mengakses halaman tertentu dan mendapat akses untuk melakukan kegiatan tertentu. jika yang masih awam, disarankan untuk mengikuti langkah - langkah nya.
Pada dasarnya, halaman ini dibuat dengan memainkan fungsi session pada php dan metode select pada mysql. Algoritma nya begini, input username dan password pada form, kemudian setelah di submit maka lakukan select di database, jika username dan password cocok (gunakan WHERE) maka session akan aktif dan redirect ke halaman admin/profil. Saat ditekan logout digunakan fungsi session_destroy(). Mungkin itu penjelasan dasarnya, untuk lebih lengkapnya silahkan ikuti langkah-langkah dibawah ini :
Untuk membuat halaman Login sederhana siapkan Software :
- Xampp
Silakan Download DISINI
- Notepad
Silakan Download DISINI (Notepad ++)
- Xampp
Silakan Download DISINI
- Notepad
Silakan Download DISINI (Notepad ++)
Langkah-langkah membuat halaman login dengan php dan mysqli :
1. Buat database dengan struktur dibawah ini dan masukkan (insert) data yang akan di gunakan untuk login :
Dimana pada gambar kita sediakan username dan password yang akan digunakan untuk validasi nanti.
2. Buat file dengan nama index.php untuk membuat form nya, kemudian isi dengan kode dibawah ini :
<!DOCTYPE html>
<html>
<head>
<title>Login Sederhana Dengan MySqli</title>
<style>
.form {
margin: 10% 0 0 25%;
float: left;
width: 60%;
}
.input {
padding: 1%;
color: #777777;
font-size: 14pt;
float: left;
width: 80%;
margin-bottom: 1%;
}
.submit {
padding: 1%;
color: #fff;
background-color: #11b022;
font-size: 14pt;
font-family: Times New Roman;
float: left;
width: 25%;
}
.welcome {
color: #11bb22;
font-size: 20pt;
font-weight: 900;
font-family: Centaur;
}
</style>
</head>
<body>
<div class="form">
<span class="welcome">Harap Login Terlebih Dahulu !</span>
<form action="login.php" method="post">
<input class="input" type="text" name="username" placeholder="Username">
<input class="input" type="text" name="password" placeholder="Password">
<input class="submit" type="submit" value="Login">
</form>
</div>
</body>
</html>
3. Buat file connect.php untuk koneksi ke database, isi dengan kode dibawah ini :
<?php
$host = 'localhost';
$user = 'root';
$pass = '';
$db = 'loginmysqli';
$connect = new mysqli($host, $user, $pass, $db);
if($connect->connect_error){
echo 'Terjadi Kesalahan';
}
?>
4. Buat file login.php, ini merupakan query yang akan kita gunakan untuk login, isi dengan kode dibawah ini :
<?php
include 'connect.php';
$username = $_POST['username'];
$password = $_POST['password'];
$query = "SELECT * FROM admin WHERE username = '$username' AND password = '$password'";
$runquery = $connect->query($query);
if($runquery->num_rows > 0){
session_start();
$_SESSION['username'] = $username;
header("Location: home.php");
} else {
echo '<h1>
Username atau Kata Sandi Salah!</h1>
';
}
?>
5. Buat file home.php dimana ini merupakan halaman admin yang hanya bisa dibuka jika sudah login, isi dengan kode dibawah ini :
<?php
session_start();
if(!isset($_SESSION['username'])) {
header("Location: index.php?access_denied");
}
?>
<!DOCTYPE html>
<html>
<head>
<title>Halaman Admin</title>
<style>
.welcome {
color: #11bb22;
font-size: 35pt;
font-weight: 900;
font-family: Centaur;
}
</style>
</head>
<body>
<h1 class="welcome">
Selamat Datang <?php echo $_SESSION['username']; ?>!</h1>
<a href="logout.php">Log Out >></a>
</body>
</html>
6. Buat file logout.php, ini merupakan query yang akan kita gunakan untuk logout, isi dengan kode dibawah ini:
<?php
session_start();
if(session_destroy()){
header("Location: index.php");
}
?>
Silahkan mencoba...semoga berhasil..
Komentar
Posting Komentar