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>
5 comments
mantappp
yeeeahhh berhasil aku udah cobain kak, membantu banget bagi saya yang baru belajar login dan logout dengan php mysql
kalau ada tutorial koding yang singkat untuk membuat form login boleh kirim di email saya larasati.atik98@gmail.com
oh iya kenalin nama aku larasati mahasiswa stmik atmaluhur pangkalpinang
jangan lupa kunjungi website kampus https://www.atmaluhur.ac.id.
makasih ya kakak aku tunggu tutorial selanjutnya
yeah mantap kali kak artikelnya tentang login logout ,sangat membantu saya dalam matakuliah desain dan pemograman web lanjutan codingan nya sangat jelas,semoga kakak bisa lebih berkarya dan sukses untuk kedepannya. Perkenalkan nama saya Septiani dari kapus STMIK Atma Luhur jangan lupa ya mampir ke website kampus saya https://www.atmaluhur.ac.id/ di tunggu artikel selanjutnya
Yeah sangat bagus sekali kak artikelny tentang login logout, sangat memudahkan saya dalam mempelajari mata kuliah Desain dan pemograman web lanjutan kosongan sangat jelas.semoga kak bisa lebih baik lagi berkarya nya dan lebih sukses lagi kedepanny.perkenalkan kak nama saya andri noviansyah dari kampus STMIK ATMA LUHUR jgn lupa ya mampir ke website kampus saya
https:www.atmaluhur.ac.id/di tunggu artikel selanjutnya
Wow... Artikelanya sangat membantu kami sebagai mahasiswa dalam coding php dan mysql, mudah dipahami dan dimengerti ,, terimkasih atas artikel yang luar biasa ini, Perkenalkan nama saya Rapli Ramandani dari kampus STMIK ATMA LUHUR.
Jangan lupa kunjungi Website kami https://www.atmaluhur.ac.id/