Membuat form login Sederhana menggunakan PHP, dan MySQL

Hallo sobat adiyudana.com Pada postingan kali ini saya akan memberikan sebuah postingan mengenai bagaimana cara membuat form login yang terkoneksi ke database dengan sederhana dan mudah. Membuat form login yang terkoneksi dengan database bukanlah suatu hal yang rumit, hanya saya kalian harus teliti dalam menempatkan code code penghubung antara code form, proses dan database. Berikut adalah penjelasannya membuat form login dengan tampilan seperti berikut.





Hal pertama yang harus diperhatikan yaitu pastikan anda memiliki database stelah memiliki database kita harus membuat koneksi ke database. berikut adalah koneksi database, anda harus menyimpanya dalam nama koneksi.php
berikut adalah source codenya:

<?php
$server = “localhost”; //server databse
$usernameDatabase = “root”; // username database
$passwordDatabase = “”; //password database
$databaseName = “coba_db”; // nama databse
$con = mysqli_connect($server,$usernameDatabase,$passwordDatabase,$databaseName) or die(“Koneksi gagal”);
?>

setelah membuat file koneksi database tersebut, anda harus membuat file login proses  dengan memberi nama login-proses.php
berikut adalah source codenya:

<?PHP 
session_start();
require_once”../koneksi.php”; 
if (isset($_POST[‘login’])) {
$error = array();
if (empty($_POST[‘member_username’])) { 
} else {
$member_username=mysqli_real_escape_string($mysqli, $_POST[‘member_username’]);
}
if (empty($_POST[‘member_password’])) { 
} else {
$member_password=mysqli_real_escape_string($mysqli, md5($_POST[‘member_password’]));
}
if (empty($error)){ 
$login=”SELECT * FROM member WHERE member_username=’$member_username’ AND member_password=’$member_password'”;
$result = $mysqli->query($login) or die($mysqli->error.LINE);
$rows= $result->fetch_assoc();
extract($rows);
// Apabila username dan password ditemukan
if($result->num_rows > 0){
$member_id = $rows[“member”];
$_SESSION[‘member_id’] = $member_id;
//url yang dituju setelah login”;
header(‘location:../home.php’);

else {
echo'<div class=”alert alert-warning alert-dismissable”>
<button type=”button” class=”close” data-dismiss=”alert” aria-hidden=”true”>&times;</button>Username atau Password salah..!</div>';
}
}
else {echo'<div class=”alert alert-danger alert-dismissable”><ul>';
foreach ($error as $key => $values) { 
echo'<li>’.$values.'</li>';}
echo'</ul></div>';
}
unset($_POST[‘login’]);}

Setelah membuat login proses anda harus membuat source code untuk menyesuaikan data yang ingin anda gunakan untuk login serta membuat tampilan interface dari login tersebut beri nama file ini dengan index.php
berikut adalah source codenya:

<?PHP
if(!empty($_SESSION[‘member_id’])) { 
header (‘location:./member.php’);
} ?>
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”utf-8″>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
<title>form login </title>
<link href=”css/bootstrap.min.css” rel=”stylesheet”>
<link href=”fonts\font-awesome-4.6.3\css\font-awesome.min.css” rel=”stylesheet”>
<link rel=”stylesheet” href=”css/custom.css”>
</head>
<body>
<div class=”container”><div class=”row”>
<div class=”col-md-4 col-md-offset-4″>
<form class=”row-border” name=”form1″ id=”form1″ action=”include/login-proses.php” method=”post”>
<div class=”form-group”>
<h2 align=”center”>LOGIN FORM</h2><hr/> 
<label>Username <span class=”required”>*</span></label>
<input name=”member_username” type=”text” class=”required form-control” required>
</div>
<div class=”form-group”>
<label>Password <span class=”required”>*</span></label>
<input name=”member_password” type=”password” class=”form-control” required>
</div>
<div class=”form-actions”>
<button class=”btn btn-primary” name=”login” type=”submit”>Login</button>
</div>
</form>
<div class=”row”>
<div class=”col-md-4 col-md-offset-4″>
<div id=”hasilLogin” style=”display:none;”>
</div>
</div>
</div>
</body>
</html>

Setelah maembuat file index.php masukan semua file tadi dalam satu folder kemudian letakan di C:\xampp\htdocs. Pastikan anda sudah mengistall XAMPP 5.5 (PHP 5.5 dan MySQL 5), jika belum silahkan download DISINI
setelah itu buka browser kalian kemudian ketik link http://localhost/nama folder kalian/ maka akan tampil seperti berikut.


kemudian masukan username dan passwor yang sesuai dengan yang ada dalam database, maka anda akan berhasil login masuk halaman yang akan dituju. Untuk file lengkap beserta dengan css silangkan download Hubungi kami DISINI
Demikian sedikit ilmu mengenai pemrograman PHP yang dapat saya bagikan, semoga bermanfaat.

Subscribe to receive free email updates:

close
<--!iklan disini-->