Membuat login Sederhana menggunakan PHP, dan MySQL

Pada postingan kali ini saya akan memberikan sebuah postingan mengenai bagaiman cara membuat form login yang terkoneksi ke database dengan tampilan seperti berikut.

21

 

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.

22


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 DISINI

Demikian sedikit ilmu yang dapat saya bagikan, semoga bermanfaat.

 

 

31 thoughts on “Membuat login Sederhana menggunakan PHP, dan MySQL

Leave a Reply

Your email address will not be published. Required fields are marked *


*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>