Membuat Login From dari PHP bukanlah hal yang sulit bila kamu mau belajar dengan tekun dan pantang menyerah, kita cuma butuh lima file untuk membuat From Login PHP dan satu database :
- database
- koneksi.php
- fromlogin.php
- loginproses.php
- logout.php
- style.css
Nama database saya : blogku
Nama tabel : login
Kita akan memulainya dengan membuat koneksi.php lihat code di bawah ini.
<?php
$localhost = "localhost";
$username = "root";
$password = "";
$db = "blogku";
$konek = @mysql_connect($localhost, $username, $password) or die("Koneksi ke database gagal dimuat!");
mysql_select_db($db, $konek) or die("Tidak ada database yang dipilih!");
?>
Jika anda menggunakan database MySQL yang berasal dari XAMPP, maka nama host adalah“localhost” tanpa tanda petik-, dengan asumsi bahwa database anda berada pada lokal komputer. Pada kasus lain nama host juga bisa berupa nama lainnya dan juga bisa berupa IP.
Kemudian kita membuat fromlogin.php, fromlogin.php bisa juga kita buat jadi html, tapi kali ini saya membuat namanya fromlogin.php.
<html> <head> <title> Login Page </title> </head> <body> <h2>Login Admin</h2> <link rel="stylesheet" type="text/css" href="style.css" media="screen" /> <form action="loginproses.php" method="post"> <table width="200" border="0"> <tr> <td> UserName</td> <td> <input type="text" name="username" > </td> </tr> <tr> <td> PassWord </td> <td><input type="password" name="password"></td> </tr> <tr> <td> <input type="submit" name="login" value="LOGIN"></td> <td></td> </tr> </table> </form> </body> </html>
Selanjutnya kita membuat Proses Login dimana proses login lah yang mengecek salah atau benarnya username dan password di database yang kita buat tadi.
loginproses.php
<?php
include "koneksi.php";// untuk mengambil koneksi dari database
$username = $_POST['username'];// deklarasi username yang diambil dari post file login.php
$password = ($_POST['password']); // deklarasi password yang diambil dari post file login.php
$perintah = "select * from login WHERE username = '$username' AND password = '$password'";
//mengambil value username,password,id, dari tabel login (data dari database)
$hasil = mysql_query($perintah); // deklarasi $hasil >
$row = mysql_fetch_array($hasil);
if ($row['username'] == $username AND $row['password'] == $password) {
session_start();
echo "Selamat Datang ".$_SESSION['username'];
}
else {
echo "Gagal Masuk";
}
?>
Kemudian kita sudah membuat fromloginnya tapi dimana da fromlogin pasti ada logoutnya (keluar), nah sekarang kita membuat logout.php.
<?php
session_start();
if(session_destroy())
{
header("Location: fromlogin.php");
}
?>
Nah sekarang sudah siap kita tinggal memperindah tampilan login kita atau biasa di disebut CSS, lebih jelasnya lihat di bawah ini. Nama style.css
h2 {
width:420px;
background-color:#FEFFED;
text-align:center;
border-radius:10px;
margin:50px auto;
padding:10px 40px 25px;
}
table{
width:500px;
text-align:center;
border-radius:10px;
font-family:raleway;
border:2px solid #ccc;
padding:10px 40px 25px;
margin:1px auto;
}
input[type=text],input[type=password] {
width:99.5%;
padding:10px;
margin-top:8px;
border:1px solid #ccc;
padding-left:5px;
font-size:16px;
font-family:raleway
}
input[type=submit] {
width:100%;
background-color:#FFBC00;
color:#fff;
border:2px solid #FFCB00;
padding:10px;
font-size:20px;
cursor:pointer;
border-radius:5px;
margin-bottom:15px
}
Kita sudah selesai maka tampilannya akan seperti ini.
Sign up here with your email
ConversionConversion EmoticonEmoticon