Kamis, 25 April 2019

Login php dan bootstrap



Tutorial koding login php ini bisa kalian gunakan dan pelajari dengan mudah, sebelum mulai silahkan kalian unduh dulu file pendukungnya disini!!, selesai mendownload ikuti langkah berikut


1.       Ektract rar Login-php.rar
2.       Buat database di phpmyadmin dengan nama database procject_php
3.       Import database users.sql

4.       Buat file index.php dan copykan script dibawah
<?php
session_start();

if ( isset($_SESSION['user_login']) && $_SESSION['user_login'] != '' ) {
    $halaman = $_SESSION['user_login'];

    header('location:on-'. $halaman);
    exit();
} else {
    header('location:login.php');
    exit();
}

5.       Buat file koneksi dengan nama config.phplalu copykan script dibawah
<?php

define('DBHOST', 'localhost');
define('DBUSER', 'root');
define('DBPASS', '');
define('DBNAME', 'bootstrap');

/**
 * $dbconnect : koneksi kedatabase
 */
$dbconnect = new mysqli(DBHOST, DBUSER, DBPASS, DBNAME);

/**
 * Check Error yang terjadi saat koneksi
 * jika terdapat error maka die() // stop dan tampilkan error
 */
if ($dbconnect->connect_error) {
        die('Database Not Connect. Error : ' . $dbconnect->connect_error);
}
6.       Buat file login.php dan copykan script dibawah
<!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>Halaman Login</title>

<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<div class="col-md-4 col-md-offset-4 form-login">

<?php
    /* handle error */
    if (isset($_GET['error'])) : ?>
<div class="alert alert-warning alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<strong>Warning!</strong><?=base64_decode($_GET['error']);?>
</div>
<?php endif;?>

<div class="outter-form-login">
<div class="logo-login">
<em class="glyphicon glyphicon-user"></em>
</div>
<form action="check-login.php" class="inner-login" method="post">
<h3 class="text-center title-login">Login Member</h3>
<div class="form-group">
<input type="text" class="form-control" name="username" placeholder="Username">
</div>

<div class="form-group">
<input type="password" class="form-control" name="password" placeholder="Password">
</div>

<input type="submit" class="btn btn-block btn-custom-green" value="LOGIN" />

<div class="text-center forget">
<p>Forgot Password ?</p>
</div>
</form>
</div>
</div>

<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
</body>
</html>
*Perhatikan script yg ditandai merah adalah proses inputan username dan password loginnya, dan yg merah adalah proses login

7.       Buat filecheck-login.php dan copykan script dibawah
<?php
session_start();
require 'config.php';

if ( isset($_POST['username']) && isset($_POST['password']) ) {

    $sql_check = "SELECT nama,
                         level_user,
                         id_user
                  FROM users
                  WHERE
                       username=?
                       AND
                       password=?
                  LIMIT 1";

    $check_log = $dbconnect->prepare($sql_check);
    $check_log->bind_param('ss', $username, $password);

    $username = $_POST['username'];
    $password = md5( $_POST['password'] );

    $check_log->execute();

    $check_log->store_result();

    if ( $check_log->num_rows == 1 ) {
        $check_log->bind_result($nama, $level_user, $id_user);

        while ( $check_log->fetch() ) {
            $_SESSION['user_login'] = $level_user;
            $_SESSION['sess_id']    = $id_user;
            $_SESSION['nama']       = $nama;

        }

        $check_log->close();

        header('location:on-'.$level_user);
        exit();

    } else {
        header('location: login.php?error='.base64_encode('Username dan Password Invalid!!!'));
        exit();
    }


} else {
    header('location:login.php');
    exit();
}
8.       Buat file logout.php dan copykan script dibawah
<?php
session_start();
session_destroy();
header('location:login.php');

nah mudahkan, untuk pengembangan tampilan kalian bisa desain sendiri di bootstrap lalu bandingkan saja aa ada koding yg berbeda dengan project saya,silahkan coba dipelajari dan tekuni

apabila diatas ada koding error terus silahkan download project jadi nya disini, terima kasih dan selamat mencoba