Membuat Aplikasi Login Sederhana Dengan PHP dan MySQL

 Author : hadinug, 15 February, 2014, Komentar

login php

Salah satu komponen penting dari sebuah aplikasi berbasis sistem informasi adalah aplikasi login. Aplikasi login di butuhkan untuk melakukan pengecekan atau validasi terhadap pengguna sistem. 


Nah pada kesempatan ini penulis akan sedikit mengupas tentang pembuatan aplikasi login sederhana dengan menggunakan PHP dan MySQL. Dimana pada tutorial kali ini kita akan membuat sebuah form untuk login, kemudian Database MySQL untuk menampung data siapa saja yang berhak login dan pasti nya file PHP untuk pengecekan user yang berhak untuk login kedalam sistem. 



Password yang kita pakai menggunakan metode enkripsi bawaan php yaitu, MD5. Dan untuk melakukan pengecekan, apakah seorang pengguna sudah melakukan login atau belum, kita akan menggunakan cookie pada PHP untuk pengecekan state user.


MYSQL 

Buat sebuah database mysql dengan nama login, kemudian buat sebuah table dengan nama user dengan filed sebagai berikut:

Tabel users

 idint(3) primary key, auto_increament 
 usernamevarchar(30)
 password varchar(45)

Setelah berhasil membuat database dan table dengan nama users, isi kan data user dengan megeksekusi query berikut:


INSERT INTO users(`username`,`password`) VALUE('admin',MD5('admin'))


FORM LOGIN 

Pada form html login, akan kita tambahkan sedikit script PHP, CSS dan Javascript untuk membuat form login yang lebih interaktive. buat file login.php dan tuliskan kode berikut: 


<!DOCTYPE html>
<html>
    <head>
        <title>Login</title>
        <style type="text/css">
            form{
                font: 12px/25px sans-serif;
                margin: 100px auto;
                width: 250px;
                border: 1px solid #ccc;
                padding: 10px;
            }
            form input[type="text"], form input[type="password"]{
                padding: 5px;
                border: 1px solid #ccc;
            }
            form label{
                float: left;
                width: 70px;
                padding: 5px;
                font-weight: bold;
            }
            form input[type="submit"]{
                border: none;
                background: #3333ff;
                color: #fff;
                padding: 10px;
            }
            p.alert{
                background: antiquewhite;
                color: #cc0000;
                border: 1px solid #cc0000;
                padding: 10px;
            }
        </style>
        <script type="text/javascript">
            function hide() {
                document.getElementById('alert').setAttribute("style", "display:none");
            }
        </script>

    </head>
    <body>
        <form action="login.php" method="post">
            <?php
            echo isset($_COOKIE['message']) ? '<p class="alert" id="alert" onclick="hide()">' . $_COOKIE['message'] . '</p>' : '';
            ?>
            <p>
                <label>Username</label>
                <input type="text" name="username" value="<?php echo isset($_POST['username']) ? $_POST['username'] : '' ?>">
            </p>
            <p>
                <label>Password</label>
                <input type="password" name="password" value="<?php echo isset($_POST['password']) ? $_POST['password'] : '' ?>">
            </p>
            <p>
                <label>&nbsp;</label>
                <input type="submit" name="Login">
            </p>
        </form>
      </body>
</html>



Kemudian pada file login yang sama, kita tambahkan script PHP sbb:


<?php
        if (isset($_POST['Login'])) {
            if (empty($_COOKIE['login'])) {
                // koneksi database
                mysql_connect('localhost', 'root', '') or die(mysql_error());
                mysql_select_db('login');
                // cek dan tampung HTTP POST kedalam variabel
                $username = isset($_POST['username']) ? htmlentities($_POST['username']) : '';
                $password = isset($_POST['password']) ? md5(htmlentities($_POST['password'])) : '';
                // query pengecekan username dan password
                $query = mysql_query("SELECT * FROM users WHERE username='$username' and password='$password'");
                if (mysql_num_rows($query) > 0) {
                    setcookie('message', '');
                    setcookie('username', $username, time() + 3600);
                    header("Location: index.php");
                } else {
                    $message = "username atau password yang anda masukan salah";
                    setcookie('message', $message, time() + 3600);
                }
            }
        }
        ?>


Pada script diatas action target untuk pengecekan login ada pada halaman itu sendiri. Kemudian buat sebuah file index.php dan isiskan kode berikut:


<?php

if(isset($_COOKIE['username'])){
    echo "selamat anda berhasil login. klik <a href='logout.php'>logout</a> untuk keluar";
}else{
    header("Location: login.php");
}

 

Download

Sebuah aplikasi login rasanya tidak lengkap kalau tidak ditambahkan aplikasi untuk logout atau aplikasi untuk keluar dari sistem informasi. Langsung saja kita buat file logout.php dan tulis kode berikut:


<?php

setcookie('username', ''); // remove cookie
header("Location: index.php"); // redirect to index



Semoga bermanfaat, dan untuk mendownload file atau sourcode login dengan PHP secara lengkap, silahkan download di link download yang tertera diatas.


 
Bagikan halaman ke sosial media
 
Tags :   php    loginPHP       

Tentang Penulis

writer hadinug
Web Developer di PT. Yafii Solusi Internasional

Link: http://ysi.co.id

   Komentar Anda