Form Login Menggunakan PHP
Komunitas Belajar Komputer - Yapzz pada kesempatan kali ini saya akan mempaparkan bagaimana cara membuat form login dengan menggunakan bahasa pemrograman PHP. Sebuah Form login sangat berfungsi dalam mencegah pihak-pihak yang tidak mempunyai kepentingan masuk ke dalam suatu sistem. Contohnya halaman administrator dari sistem itu sendiri. Sebelumnya dulu pertama kamu harus menginstal yang namanya aplikasi Xampp. Nah dibawah merupakan form login php keren menurut saya Okey cara untuk mengetahui tentang apa itu Xampp dan bagaimana cara mengintsalnya silahkan kamu ke alamat berikut ini:
Cara Mudah Instalasi XAMMP Dengan Lengkap
Script Untuk Membuat Form Login dengan PHP
Form login php sederhana ini Ada beberapa script yang sangat diperlukan untuk membuat sebuag form login dengan menggunakan PHP. Berikut ini masing-masing script serta fungsinya juga.
Setelah Anda telah sukses melakukan penginstalan Xampp di komputer Anda , Sekarang langsung saja ikutilah langkah-langkah berikut untuk membuat form login dengan PHP.
Hasil Eksekusi Dari Program Form Login dengan Menggunakan PHP
Silahkan Anda membuka browser lalu ketik alamat berikut ini localhost/latihan/instal.php maka akan tampil tampilan berikut.
Fungsi dari script instal.php ini yakni untuk membuat database di MySQL yang isinya username dan password. Setelah script ini dieksekusi maka di dalam database terdapat data username : admin dan password : admin123 Setelah itu klik pada tulisan DI SINI maka akan muncul halaman login sebagai berikut.
Pada form login di atas masukkan username dan password, jika username dan/atau password salah maka akan muncul pesan kesalahan seperti berikut.
Komunitas Belajar Komputer - Yapzz pada kesempatan kali ini saya akan mempaparkan bagaimana cara membuat form login dengan menggunakan bahasa pemrograman PHP. Sebuah Form login sangat berfungsi dalam mencegah pihak-pihak yang tidak mempunyai kepentingan masuk ke dalam suatu sistem. Contohnya halaman administrator dari sistem itu sendiri. Sebelumnya dulu pertama kamu harus menginstal yang namanya aplikasi Xampp. Nah dibawah merupakan form login php keren menurut saya Okey cara untuk mengetahui tentang apa itu Xampp dan bagaimana cara mengintsalnya silahkan kamu ke alamat berikut ini:
Cara Mudah Instalasi XAMMP Dengan Lengkap
Script Untuk Membuat Form Login dengan PHP
Form login php sederhana ini Ada beberapa script yang sangat diperlukan untuk membuat sebuag form login dengan menggunakan PHP. Berikut ini masing-masing script serta fungsinya juga.
- instal.php - untuk membuat database MySQL dengan menggunakan script PHP
- koneksi.php - untuk menghubungkan PHP dan database MySQL
- login.php - untuk membuat tampilan form login
- proses.php - untuk memproses login
- welcome.php - untuk menampilkan pesan login berhasil
- logout.php - untuk logout
- style.css - untuk mempercantik tampilan form login
- Buatlah sebuah folder baru dengan menggunakan nama “latihan” di dalam folder tempat instalasi Xampp. Nanti folder latihan ini akan kita gunakan untuk menyimpan semua script yang kita buat. Misalnya foldernya seperti ini C:\xampp\htdocs\latihan
- Buka text editor misalnya notepad, notepad++ atau apapun yang biasa kamu gunakan. Disini saya menggunakan aplikasi Php Designer.
- Copy Paste masing-masing script berikut dan simpan dengan nama yang sudah disebutkan di atas. Simpan di folder yang dibuat tadi yaitu C:\xampp\htdocs\latihan
Instal.php
<?php
$link = mysqli_connect('localhost','root','');
if ($link)
{echo "Koneksi dengan MySQL : OK ... <br><br>";}else
{die("Koneksi dengan MySQL gagal");};
$hapus = mysqli_query($link,"DROP DATABASE login");
if ($hapus)
{echo "HAPUS DATABASE : OK .... <br><br>";}
else
{echo "DATABASE BELUM DIBUAT .... <br><br>";};
$buat = mysqli_query($link,'CREATE DATABASE login');
if ($buat)
{echo "BUAT DATABASE : OK .... <br><br>";}
else
{echo("DATABASE SUDAH ADA ... <br><br>");};
$gunakan = mysqli_query($link,'USE login');
if ($gunakan)
{echo "GUNAKAN DATABASE : OK .... <br><br>";}
else
{die("GUNAKAN DATABASE : GAGAL ... <br><br>");};
$admin = "CREATE TABLE admin (
username varchar(16) NOT NULL,
password varchar(16) NOT NULL,
PRIMARY KEY (username)
);";
$tabel_login = mysqli_query($link, $admin);
$user = mysqli_query($link,"INSERT INTO admin VALUES ('admin', 'admin123')");
echo "INSTAL DATABASE login : OK ....<br><br>
INSTAL TABEL admin : OK ....<br><br><br>
Klik <a href='login.php'>DI SINI</a> untuk melanjutkan<br>";
?>
$link = mysqli_connect('localhost','root','');
if ($link)
{echo "Koneksi dengan MySQL : OK ... <br><br>";}else
{die("Koneksi dengan MySQL gagal");};
$hapus = mysqli_query($link,"DROP DATABASE login");
if ($hapus)
{echo "HAPUS DATABASE : OK .... <br><br>";}
else
{echo "DATABASE BELUM DIBUAT .... <br><br>";};
$buat = mysqli_query($link,'CREATE DATABASE login');
if ($buat)
{echo "BUAT DATABASE : OK .... <br><br>";}
else
{echo("DATABASE SUDAH ADA ... <br><br>");};
$gunakan = mysqli_query($link,'USE login');
if ($gunakan)
{echo "GUNAKAN DATABASE : OK .... <br><br>";}
else
{die("GUNAKAN DATABASE : GAGAL ... <br><br>");};
$admin = "CREATE TABLE admin (
username varchar(16) NOT NULL,
password varchar(16) NOT NULL,
PRIMARY KEY (username)
);";
$tabel_login = mysqli_query($link, $admin);
$user = mysqli_query($link,"INSERT INTO admin VALUES ('admin', 'admin123')");
echo "INSTAL DATABASE login : OK ....<br><br>
INSTAL TABEL admin : OK ....<br><br><br>
Klik <a href='login.php'>DI SINI</a> untuk melanjutkan<br>";
?>
Koneksi.php
<?php
$link=mysqli_connect('localhost','root','','login');
if (!$link)
{
die("Koneksi dengan MySQL gagal");
}
?>
$link=mysqli_connect('localhost','root','','login');
if (!$link)
{
die("Koneksi dengan MySQL gagal");
}
?>
Login.php
<html>
<head>
<title>Login Administrator</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="kotak">
<div id="atas">LOGIN ADMINISTRATOR</div>
<div id="bawah">
<form method="post" action="proses.php">
<input class="masuk" type="text" autocomplete="off" placeholder="Username .." name="username"><br/>
<input class="masuk" type="password" autocomplete="off" placeholder="Password .." name="password"><br/>
<input id="tombol" type="submit" name="login" value="Login">
</form>
</div>
</div>
</body>
</html>
<head>
<title>Login Administrator</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="kotak">
<div id="atas">LOGIN ADMINISTRATOR</div>
<div id="bawah">
<form method="post" action="proses.php">
<input class="masuk" type="text" autocomplete="off" placeholder="Username .." name="username"><br/>
<input class="masuk" type="password" autocomplete="off" placeholder="Password .." name="password"><br/>
<input id="tombol" type="submit" name="login" value="Login">
</form>
</div>
</div>
</body>
</html>
Proses.php
<?php
session_start();
include 'koneksi.php';
if (isset($_POST['login']))
{$username=$_POST['username'];
$password=$_POST['password'];}
$gagal = "";
$error = array();
if (empty($username))
{$error['username'] = "Username salah";}
else
{$error['username'] = "";}
if (empty($password))
{$error['password'] = "Password salah";}
else
{$error['password'] = "";}
if (!empty($username) and !empty($password))
{
$query=mysqli_query($link,"select * from admin where username='$username' and password='$password'");
$xxx=mysqli_num_rows($query);
if($xxx==TRUE){
$_SESSION['username']=$username;
header("location:welcome.php");
}
else
{$gagal = "username atau password salah";}
}
?>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="kotak">
<div id="atas">LOGIN ADMINISTRATOR</div>
<div id="bawah">
<form method="post" action="proses.php">
<input class="masuk" type="text" autocomplete="off" placeholder="Username .." name="username" ><br/>
<p style="color: red; text-align: center;"><?php echo ($error['username']);?></p>
<input class="masuk" type="password" autocomplete="off" placeholder="Password .." name="password"><br/>
<p style="color: red; text-align: center;"><?php echo ($error['password']);?></p>
<p style="color: red; text-align: center;"><?php echo $gagal;?></p>
<input id="tombol" type="submit" name="login" value="Login">
</form>
</div>
</div>
</body>
</html>
session_start();
include 'koneksi.php';
if (isset($_POST['login']))
{$username=$_POST['username'];
$password=$_POST['password'];}
$gagal = "";
$error = array();
if (empty($username))
{$error['username'] = "Username salah";}
else
{$error['username'] = "";}
if (empty($password))
{$error['password'] = "Password salah";}
else
{$error['password'] = "";}
if (!empty($username) and !empty($password))
{
$query=mysqli_query($link,"select * from admin where username='$username' and password='$password'");
$xxx=mysqli_num_rows($query);
if($xxx==TRUE){
$_SESSION['username']=$username;
header("location:welcome.php");
}
else
{$gagal = "username atau password salah";}
}
?>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="kotak">
<div id="atas">LOGIN ADMINISTRATOR</div>
<div id="bawah">
<form method="post" action="proses.php">
<input class="masuk" type="text" autocomplete="off" placeholder="Username .." name="username" ><br/>
<p style="color: red; text-align: center;"><?php echo ($error['username']);?></p>
<input class="masuk" type="password" autocomplete="off" placeholder="Password .." name="password"><br/>
<p style="color: red; text-align: center;"><?php echo ($error['password']);?></p>
<p style="color: red; text-align: center;"><?php echo $gagal;?></p>
<input id="tombol" type="submit" name="login" value="Login">
</form>
</div>
</div>
</body>
</html>
Welcome.php
<html>
<title>Welcome</title>
<body>
<p style="text-align: center; font-size: 24px; font-family: Arial;">Selamat datang</p>
<p style="text-align: center; font-size: 16px; font-family: Arial;">Anda berhasil login</p>
<br /><br />
<p style="text-align: center; font-size: 12px; font-family: Arial; text-decoration: underline;"><a href="login.php">Logout</a></p>
</body>
</html>
<title>Welcome</title>
<body>
<p style="text-align: center; font-size: 24px; font-family: Arial;">Selamat datang</p>
<p style="text-align: center; font-size: 16px; font-family: Arial;">Anda berhasil login</p>
<br /><br />
<p style="text-align: center; font-size: 12px; font-family: Arial; text-decoration: underline;"><a href="login.php">Logout</a></p>
</body>
</html>
Logout.php
<?php
session_start();
session_destroy();
header("location:login.php");
?>
session_start();
session_destroy();
header("location:login.php");
?>
Style.css
body{
background:#ECF0F1;
font-family: sans-serif;
}
#kotak{
width: 520px;
height: 350px;
background: #fff;
margin: 150px auto 100px auto;
color:#2ECC71;
}
#atas{
height: 35px;
width: 520px;
text-align: center;
font-size: 15pt;
padding-top:20px;
}
#bawah{
height: 200px;
width: 520px;
}
.masuk{
width: 400px;
height:40px;
margin-top:10px;
margin-left: 60px;
font-size: 12pt;
border: 1px solid #2ECC71;
padding-left:10px;
color:#2ECC71;
}
.masuk:focus{
width: 400px;
height:40px;
margin-top:10px;
margin-left: 60px;
font-size: 12pt;
padding-left:10px;
color:#1ABC9C;
outline: none;
box-shadow: 0 0 5px #2ECC71;
}
#tombol{
width: 400px;
height:40px;
margin-top:10px;
margin-left: 60px;
background: #2ECC71;
border:none;
color:#fff;
font-size: 14pt;
outline:none;
}
background:#ECF0F1;
font-family: sans-serif;
}
#kotak{
width: 520px;
height: 350px;
background: #fff;
margin: 150px auto 100px auto;
color:#2ECC71;
}
#atas{
height: 35px;
width: 520px;
text-align: center;
font-size: 15pt;
padding-top:20px;
}
#bawah{
height: 200px;
width: 520px;
}
.masuk{
width: 400px;
height:40px;
margin-top:10px;
margin-left: 60px;
font-size: 12pt;
border: 1px solid #2ECC71;
padding-left:10px;
color:#2ECC71;
}
.masuk:focus{
width: 400px;
height:40px;
margin-top:10px;
margin-left: 60px;
font-size: 12pt;
padding-left:10px;
color:#1ABC9C;
outline: none;
box-shadow: 0 0 5px #2ECC71;
}
#tombol{
width: 400px;
height:40px;
margin-top:10px;
margin-left: 60px;
background: #2ECC71;
border:none;
color:#fff;
font-size: 14pt;
outline:none;
}
Hasil Eksekusi Dari Program Form Login dengan Menggunakan PHP
Silahkan Anda membuka browser lalu ketik alamat berikut ini localhost/latihan/instal.php maka akan tampil tampilan berikut.
Pada form login di atas masukkan username dan password, jika username dan/atau password salah maka akan muncul pesan kesalahan seperti berikut.
Sekarang
kita masukkan username admin dan password admin123 maka login berhasil
dan akan menampilkan script welcome.php seperti berikut.
Klik pada tulisan Logout untuk keluar.
Demikianlah tutorial Cara membuat form login dengan PHP dengan mudah, semoga cara membuat form login sederhana menggunakan PHP bisa membantu.
Semoga Bermanfaat....!!!!
Komunitas Belajar Komputer
Semoga Bermanfaat....!!!!
Komunitas Belajar Komputer
No comments
Sampaikan lah apa yang sedang anda pikirkan saat ini setelah membaca artikel ini.
Kebingungan, Penasaran, Rasa terimakasih..
Atau apalah yang sedang terlintas di pikran anda.
Karena sejatinya manusia adalah makhluk sosial yang rindu akan sebuah Interaksi
1. Baca lah
2. Berkomentar lah dengan Sopan
3. Kami Akan Berkunjung balik, Nantinya.
Komentar anda sangat membantu untuk perkembangan Blog ini.
Terimakasih...!!