Hari ini Saya akan ngeshare tutorial membuat form login yang memiliki hak akses, yaitu sebagai admin atau user. Langsung saja. Berikut langkah-langkah pembuatannya.
Langkah 1 : Pembuatan Database
- Buat database dengan nama member1
- Buat tabel dengan nama userlogin, dengan struktur tabel seperti berikut :
3. Selesai membuat database, Insert data seperti berikut :
Langkah 2 : Buat Folder
- Buat Folder dengan nama login dalam document root anda (contoh di htdocs pada MYSQL ).
- Simpan semua file yang nanti di buat di folder tersebut.
Ketikan script berikut dan simpan dengan nama loginform.php :
<html>
<head>
<title>Form Login</title>
</head>
<body>
<form method='post' action='login.php'>
<table>
<th>Login Form</th>
<tr>
<td>Username</td>
<td><input type="text" name="username" /></td>
<td rowspan="3" valign="top"><input type="submit" value="Login" /></td>
</tr>
<td>Password</td>
<td><input type="password" name="password" /></td>
<td></td>
</tr>
</table>
</form>
<font color="red"><h5>Ysabtian.blogspot.com</h5></font>
</body>
</html>
Langkah 4 : Buat script koneksi ke database
Ketikkan script berikut dan beri nama connect_db.php :
<?
$hostmysql = "localhost";
$username = "root";
$password = "";
$database = "member1";
$conn = mysql_connect("$hostmysql","$username","$password");
if (!$conn) die ("GagalMelakukanKoneksi");
mysql_select_db($database,$conn) or die ("Database TidakDiketemukan di Server");
?>
Langkah 5 : Buat script proses login
Ketikkan script berikut dan beri nama login.php
<?php
ob_start(); // untukmembuffer;
include "connect_db.php";
//membuatvariabeluntukmenampung input username dan password
$username=$_POST['username'];
$password=$_POST['password'];
//memproteksidarimysql injection
$username = stripslashes($username); // menghapus backslash padatampilanphp
$password = stripslashes($password);
$username = mysql_real_escape_string($username); // memfilterkarakterkhususmisal '
$password = mysql_real_escape_string($password);
if (empty($username) || empty($password))
{
echo "Username dan Password tidakBolehKosong";
}
else
{
$query=mysql_query("SELECT * FROM userlogin WHERE username='$username' and password='$password'");
$cek=mysql_num_rows($query);
$ambil = mysql_fetch_array($query);
if ($cek==1)
{
session_start();
$_SESSION['username']= $username;
$_SESSION['password']= $password;
if ($ambil['hak_akses']=="1")
{
header ('location:halaman_admin.php');
}
if ($ambil['hak_akses']=="2")
{
header ('location:halaman_user.php');
}
}
else
{
echo "Salah Username dan Password";
}
}
ob_end_flush();
?>
<font color="red"><h5>Ysabtian.blogspot.com</h5></font>
Langkah 6 : Buat Halaman untuk admin
Ketikkan script di bawah ini dan beri nama halaman_admin.php
<?php
session_start();
if(!isset($_SESSION['username']) && !isset($_SESSION['password'])){
//jika session belum di set/register
echo "<a href='loginform.php'>Login Form</a><br>";
die("Andabelum Login Silahkan Login Terlebihdahulu");
}
echo "Halaman Admin <br>";
echo "<a href='logout.php'>Logout</a>";
?>
<font color="red"><h5>Ysabtian.blogspot.com</h5></font>
Langkah 7 : Buat Halaman untuk user
Ketikkan script di bawah ini dan beri nama halaman_user :
<?php
session_start();
if(!isset($_SESSION['username']) && !isset($_SESSION['password'])){
//jika session belum di set/register
die("Andabelum Login Silahkan Login Terlebihdahulu");
}
echo "Halaman User <br>";
echo "<a href='logout.php'>Logout</a>";
?>
<font color="red"><h5>Ysabtian.blogspot.com</h5></font>
Langkah 8 : Uji coba Script
1. Pergi ke http://localhost/login/loginform.php lalu akan tampil form seperti berikut :
3. Klik tombol Login dan jika Username yang dimasukkan terdaftar maka akan tampil halaman admin :
Jika username yang dimasukkan sebagai user maka akan tampil halaman user seperti berikut :
4. Jika username yang dimasukkan selain admin/user dan username yang dimasukkan belum terdaftar,
maka akan tampil keterangan sebagai berikut :
Alhamdulillah tutorial tentang form login sudah selesai.
Semoga bermanfaat bagi kita semua.. Aamiin.
Sekian tutorial kali ini.
Wassalamua'alaikum Wr. Wb.
Download script :
sangat membantu thanks
BalasHapuskalo misalna muncul kalimat database anda tidak ditemukan, database yang mana yang salah ya ?
BalasHapusSaya mau nanya .laptop saya ni baru diinstal..kira2 sebelum instal xamp ,apa yang harus dilakukan terlebih dahulu...?
BalasHapusSaya mau nanya .laptop saya ni baru diinstal..kira2 sebelum instal xamp ,apa yang harus dilakukan terlebih dahulu...?
BalasHapus