Cara Membuat Form Login Multi User dengan PHP Model 2
Dunia Programming - Assalamu'alaikum Wr.Wb, pada tutorial kali ini saya akan membahas bagaimana cara membuat Form Login Multi Level dengan model kedua, sebelumnya Dunia Programming telah membuat tutorial membuat Form Login Multi user dengan desain keren, buat kalian yang pengen mempraktekkannya, silahkan baca artikel dibawa ini :
Baca Juga :
Perbedaan dari kedua Form Login tersebut adalah dari tataletak scriptnya dan kerumitannya, apabila kita bedakan antara keduanya, lebih mudah source code dari Membuat Login Multi User dengan PHP
ini, akan tetapi tidak ada salahnya kita coba hal baru, benar tidak..?
Oke langsung saja, tanpa perlu basa-basi lagi, kita mulai tutorialnya.
1). Buka aplikasi xamppnya, kemudian start Apache dan MySQLnya.
2). Setelah itu, buka folder xampp > htdocs, kemudian buat folder di folder htdocs dengan nama Login_Baru.
3). setelah kalian buat folder Login_Baru pada folder htdocs, kemudian kita buka Web Editor kita, terserah kalian mau pakek yang mana, saya sarankan gunakan Sublime Text Versi 3.
Baca Juga :
4). Setelah itu, buat database dengan nama login dan buat tabel dan beri nama admin dengan struktur sebagai berikut :
kode_user : int (5) PRIMARY KEY (AI)
Username : Varchar (20) not null
Password : Varchar (20) not null
Keterangan : Varchar (2) not null
4). Setelah Web Editor kalian buka, selanjutnya kita masuk ke dalam tahap pengcodingan.
Buat file login.php didalam folder Login_Baru, kemudian copy source code dibawah ini :
Copy source code dibawah ini, kemudian buat file baru dengan nama logout.php :
Copy source code dibawah ini, kemudian buat file baru dengan nama proses_login.php :
Keterangan :
Untuk Teks yang berwarna biru, merupakan nama file atau letak file pada suatu folder
Untuk Teks yang berwarna merah, merupakan data yang berkaitan dengan database dan tabel beserta strukurnya.
Kemudian, Copy source code dibawah ini, kemudian buat file baru pada folder Login_Baru dengan nama menu.php :
Keterangan :
Untuk Teks yang berwarna biru, apabila kalian melakukan klik pada tombol Logout, maka program akan memanggil file dengan nama logout.php
Dan buat kalian yang ingin tampilan loginnya lebih menarik, silahkan kalian bisa kembangkan tampilannya dengan menggunakan CSS dan juga kalian bisa gunakan Warna Desain Flat.
Baca Juga :
Bagi kalian yang merasa bingung dengan apa yang saya jelaskan, silahkan, kalian bisa tinggalkan pesan pada kolom komentar dibawah ini. tetap pantau terus tutorial tutorial terbaru Dunia Programming.
 |
| Cara Membuat Form Login Multi User dengan PHP Model 2 |
Baca Juga :
Perbedaan dari kedua Form Login tersebut adalah dari tataletak scriptnya dan kerumitannya, apabila kita bedakan antara keduanya, lebih mudah source code dari Membuat Login Multi User dengan PHP
ini, akan tetapi tidak ada salahnya kita coba hal baru, benar tidak..?
Oke langsung saja, tanpa perlu basa-basi lagi, kita mulai tutorialnya.
Cara Membuat Form Login Multi User dengan PHP Model 2
1). Buka aplikasi xamppnya, kemudian start Apache dan MySQLnya.
2). Setelah itu, buka folder xampp > htdocs, kemudian buat folder di folder htdocs dengan nama Login_Baru.
3). setelah kalian buat folder Login_Baru pada folder htdocs, kemudian kita buka Web Editor kita, terserah kalian mau pakek yang mana, saya sarankan gunakan Sublime Text Versi 3.
Baca Juga :
4). Setelah itu, buat database dengan nama login dan buat tabel dan beri nama admin dengan struktur sebagai berikut :
kode_user : int (5) PRIMARY KEY (AI)
Username : Varchar (20) not null
Password : Varchar (20) not null
Keterangan : Varchar (2) not null
4). Setelah Web Editor kalian buka, selanjutnya kita masuk ke dalam tahap pengcodingan.
Buat file login.php didalam folder Login_Baru, kemudian copy source code dibawah ini :
HTML
<?php
//Awal Sesi
session_start();
if (isset($_SESSION["pesan"]))
$pesan = $_SESSION["pesan"];
else
$pesan = "";
if (isset($_SESSION["pemakai"]))
$pemakai = $_SESSION["pemakai"];
else
$pemakai = "";
?>
<!DOCTYPE html>
<html>
<head>
<title>Contoh Sesi</title>
<style type="text/css">
label {
float: left;
width: 80px;
}
</style>
</head>
<body>
<form action="proses_login.php" method="post">
<?php
print($pesan);
?>
<p>
<label>Pemakai :</label>
<input type="text" name="pemakai">
</p>
<p>
<label>Password :</label>
<input type="password" name="password">
</p>
<input type="submit" value="Login">
</form>
<hr/>
</body>
</html>
//Awal Sesi
session_start();
if (isset($_SESSION["pesan"]))
$pesan = $_SESSION["pesan"];
else
$pesan = "";
if (isset($_SESSION["pemakai"]))
$pemakai = $_SESSION["pemakai"];
else
$pemakai = "";
?>
<!DOCTYPE html>
<html>
<head>
<title>Contoh Sesi</title>
<style type="text/css">
label {
float: left;
width: 80px;
}
</style>
</head>
<body>
<form action="proses_login.php" method="post">
<?php
print($pesan);
?>
<p>
<label>Pemakai :</label>
<input type="text" name="pemakai">
</p>
<p>
<label>Password :</label>
<input type="password" name="password">
</p>
<input type="submit" value="Login">
</form>
<hr/>
</body>
</html>
Copy source code dibawah ini, kemudian buat file baru dengan nama logout.php :
HTML
<?php
session_start();
session_destroy();
header("Location: /Login_Baru/login.php");
exit;
?>
session_start();
session_destroy();
header("Location: /Login_Baru/login.php");
exit;
?>
Copy source code dibawah ini, kemudian buat file baru dengan nama proses_login.php :
HTML
<?php
session_start();
//Penentuan variabel post
if (isset($_POST["pemakai"]))
$pemakai = $_POST["pemakai"];
else
$pemakai = "";
if (isset($_POST["password"]))
$password = $_POST["password"];
else
$password = "";
if (empty($pemakai) or empty($password)) {
$_SESSION["pesan"] = "Pemakai atau password Kosong";
header("Location: /Login_Baru/login.php");
exit();
}
//Moneksi Database
$koneksi=mysql_connect("localhost","root","");
mysql_select_db("login",$koneksi);
$encrypt_pass = md5($password);
$cek = "SELECT * FROM admin WHERE Username='$pemakai' and Password='$password'";
$hasil = mysql_query($cek);
$hasil_cek = mysql_num_rows($hasil);
if ($hasil_cek==0) {
$_SESSION["pesan"] = "Pemakai atau password Salah";
header("Location: /Login_Baru/login.php");
exit();
}
else {
header("Location: menu.php");
exit();
$_SESSION['$_POST[username]'.'$encrypt_pass']=1;
}
?>
session_start();
//Penentuan variabel post
if (isset($_POST["pemakai"]))
$pemakai = $_POST["pemakai"];
else
$pemakai = "";
if (isset($_POST["password"]))
$password = $_POST["password"];
else
$password = "";
if (empty($pemakai) or empty($password)) {
$_SESSION["pesan"] = "Pemakai atau password Kosong";
header("Location: /Login_Baru/login.php");
exit();
}
//Moneksi Database
$koneksi=mysql_connect("localhost","root","");
mysql_select_db("login",$koneksi);
$encrypt_pass = md5($password);
$cek = "SELECT * FROM admin WHERE Username='$pemakai' and Password='$password'";
$hasil = mysql_query($cek);
$hasil_cek = mysql_num_rows($hasil);
if ($hasil_cek==0) {
$_SESSION["pesan"] = "Pemakai atau password Salah";
header("Location: /Login_Baru/login.php");
exit();
}
else {
header("Location: menu.php");
exit();
$_SESSION['$_POST[username]'.'$encrypt_pass']=1;
}
?>
Keterangan :
Untuk Teks yang berwarna biru, merupakan nama file atau letak file pada suatu folder
Untuk Teks yang berwarna merah, merupakan data yang berkaitan dengan database dan tabel beserta strukurnya.
Kemudian, Copy source code dibawah ini, kemudian buat file baru pada folder Login_Baru dengan nama menu.php :
HTML
<!DOCTYPE html>
<html>
<head>
<title>Contoh Sesi</title>
</head>
<body>
<h1>Menu</h1>
<form action="logout.php" method="post">
<input type="submit" value="Logout">
</form>
</body>
</html>
<html>
<head>
<title>Contoh Sesi</title>
</head>
<body>
<h1>Menu</h1>
<form action="logout.php" method="post">
<input type="submit" value="Logout">
</form>
</body>
</html>
Keterangan :
Untuk Teks yang berwarna biru, apabila kalian melakukan klik pada tombol Logout, maka program akan memanggil file dengan nama logout.php
Dan buat kalian yang ingin tampilan loginnya lebih menarik, silahkan kalian bisa kembangkan tampilannya dengan menggunakan CSS dan juga kalian bisa gunakan Warna Desain Flat.
Baca Juga :
Bagi kalian yang merasa bingung dengan apa yang saya jelaskan, silahkan, kalian bisa tinggalkan pesan pada kolom komentar dibawah ini. tetap pantau terus tutorial tutorial terbaru Dunia Programming.
Belum ada Komentar untuk "Cara Membuat Form Login Multi User dengan PHP Model 2"
Posting Komentar