Cara membuat form login dan logout php dengan database mysql
Form Login dan Logout biasanya dibuat untuk sign in atau masuk kedalam suatu lokasi yang bersifat khusus yang tidak semua pengguna bisa masuk ke dalamnya, contoh yang sering kita jumpai yaitu Facebook, twitter, google, dll.
Kali in saya akan membagikan tutorial Cara membuat form login dan logout php dengan database mysql. Script login PHP kali ini harus dikoneksikan pada database (MYsql, PHPmyadmin, dll).
Kali in saya akan membagikan tutorial Cara membuat form login dan logout php dengan database mysql. Script login PHP kali ini harus dikoneksikan pada database (MYsql, PHPmyadmin, dll).
Silahkan ikuti langkah-langkah berikut ini :
Membuat koneksi database dan membuat username serta password login (langkah 5)
- Buat database dengan nama "form"
- Buat table pada database tersebut dengan nama "login" dan jumlah coloum "2"
- Masukkan data-data seperti pada gambar di bawah ini. Lalu klik save
- Buka table yang sudah di buat tadi
- Klik "SQL >> INSERT" untuk menambah username dan password yang digunakan untuk login di web setelah selesai ("login" untuk username dan " form" untuk password). Perhatikan gambar berikut . Klik "GO"
- Lalu cek pada "Browse" dan lihat, apakah username dan password sudah berhasil dibuat
Membuat form login
- Pertama-tama buat koneksi ke database "form" yang sudah dibuat
- Copy script dibawah ini dan simpan dengan nama "connect.php" :
- Kata yang bercetak tebal adalah nama database yang sudah dibuat tadi
- Kedua buat halaman login
- Copy script dibawah ini dan simpan dengan nama "login.php":
- Kata yang dicetak tebal itu adalah nama tabel yang sudah dibuat tadi
- Buat halaman logout
- Copy script dibawah ini lalu kasih nama "logout.php" :
- Cek pada browser anda, lalu masukkan username dan password yang telah dibuat pada database tadi.
- Untuk membuat username dan password lagi, silahkan ikuti proses nomor 5 pada saat membuat koneksi database
- Klik gambar untuk memperjelas
<?php
$connection = mysql_connect('localhost', 'root', '');
if (!$connection){
die("Database Connection Failed" . mysql_error());
}
$select_db = mysql_select_db('form');
if (!$select_db){
die("Database Selection Failed" . mysql_error());
}
<?php //Start the Session
session_start();
require('connect.php');
//3. If the form is submitted or not.
//3.1 If the form is submitted
if (isset($_POST['username']) and isset($_POST['password'])){
//3.1.1 Assigning posted values to variables.
$username = $_POST['username'];
$password = $_POST['password'];
//3.1.2 Checking the values are existing in the database or not
$query = "SELECT * FROM `login` WHERE username='$username' and password='$password'";
$result = mysql_query($query) or die(mysql_error());
$count = mysql_num_rows($result);
//3.1.2 If the posted values are equal to the database values, then session will be created for the user.
if ($count == 1){
$_SESSION['username'] = $username;
}else{
//3.1.3 If the login credentials doesn't match, he will be shown with an error message.
echo "Invalid Login Credentials.";
}
}
//3.1.4 if the user is logged in Greets the user with message
if (isset($_SESSION['username'])){
$username = $_SESSION['username'];
echo "Hai " . $username . "
";
echo "This is the Members Area
";
echo "<a href='logout.php'>Logout</a>";
}else{
//3.2 When the user visits the page first time, simple login form will be displayed.
?>
<!DOCTYPE html>
<head>
<style type="text/css">
.register-form{
width: 400px;
margin: 0 auto;
text-align: center;
padding: 10px;
color: #fff;
background : orange;
border-radius: 10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}
.register-btn{
width: 70px;
margin: 0 auto;
text-align: center;
padding: 10px;
color: #fff;
cursor:pointer;
background : orange;
border-radius: 10px;
}
</style>
<title>Login</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div class="register-form">
<?php
if(isset($msg) & !empty($msg)){
echo $msg;
}
?>
<h1>Login</h1>
<form action="" method="POST">
<p><label>User Name : </label>
<input id="username" type="text" name="username" placeholder="username" /></p>
<p><label>Password : </label>
<input id="password" type="password" name="password" placeholder="password" /></p>
<input class="register-btn" type="submit" name="submit" value="Login" />
</form>
</div>
<?php } ?>
</body>
</html>
<?php
session_start();
unset($_SESSION['username']);
?>
<center>
<h2>Silahkan klik <b><a href="login.php">login</a></b> untuk login kembali
</h2>
</center>
.png)