Membuat Form Logi Multi-User dengan Mysql dan Php



Yah, pada waktu luang yang saya miliki pada hari ini saya ingin menyempatkan untuk memposting apa yang saya sudah pelajari dan saya menuangkan hasil pembelajaran melalui postingan saya hari ini semoga saja bisa bermanfaat untuk anda si pembaca. Dan postingan kali ini bertema Membuat form login Multi-user dengan Mysql dan Php.

Mungkin untuk anda yang sudah berada di semester atas jurusan Sistem Informasi sudah tidak asing lagi dengan yang namanya form login dan form login sendiri mempunyai peranan yang sangat penting di sebuah aplikasi contohnya aplikasi berbasis website. Karena form login bisa untuk melindungi data-data yang berada di suatu aplikasi dengan cara memagari suatu aplikasi agar tidak di akses oleh sembarang orang.

Ya udahlah langsung saja silahkan buka xampp anda klik start pada apache dan mysql dan ketikan localhost/phpmyadmin pada webrowser anda, kemudian anda buat database, database_user dan dan table user beserta field-fieldnya id, nama, username, password, foto, nim, semester, kelas, prog, email dan status, seperti gambar dibawah ini:


Ketika anda sudah membuat database langkah selanjutnya silahkan buka aplikasi teks editor yang anda miliki seperti Sublime, notepad++, notepad, dreamwaever dan aplikasi teks editor yang lainnya yang anda miliki di laptop anda. Kemudian kita terlebih dahulu membuat file index.php untuk tampilan form login lihat script pembuatan form login dibawah:

<html>
<head>
    <title>Form Login</title>
</head>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="style.css">
<body>
<div class="container container-wrap">
    <h2 class="header-login">Form Login</h2>
<div class="col-sm-12">
    <form method="POST" action="proses_login.php">
    <label class="label-login">Username</label>
    <input type="text" name="username" class="form-control form-login" placeholder="Username" required>
    <label class="label-login">Password</label>
    <input type="password" name="password" class="form-control form-login" placeholder="Password" required>
    <button type="submit" name="btn" class="btn btn-primary btn-login">Masuk</button>
    </form>
    <div class="col-sm-12 daftar">
        <ul>
        <li><a href="user/admin/daftar.php">Daftar</a></li>
        </ul>
    </div>
</div>
</div>
</body>
</html>

Terus kita akan mempercantik tampilan form loginnya dengan CSS kita akan membuat file style.css. Oh iya disini saya mengguanakan bootsrap pada form login saya ini maka dari itu silahkan download dulu file bootstrap nya disini. 


Dan berikut ini adalah file style.css :


.container-wrap {
    margin: 0px auto;
    width: 500px;
    box-shadow: 0px 0px 5px #cccccc;
    margin-top: 100px;
    border-radius: 10px;
}
.header-login {
    text-align: center;
    color: white;
    background: #006699;
    width: 100%;
    padding: 7px;
    border-radius: 5px;
}

.label-login {
    margin-top: 20px;
}
.form-login {
    margin-bottom: 30px;
}
.btn-login {
    margin-bottom: 100px;
    margin-top: 30px;
    width: 100%;
}
.gagal {
    padding: 5px;
    color: red;
    text-align: center;
}
.daftar li {
    list-style-type: none;
    margin-left: -40px;
}
@media (max-width: 576px) {
    .container-wrap {
        width: 100%;
    }
}

Selanjutnya kita akan membuat file koneksi.php dan berikut adalah script nya:


<?php 
    $server ="localhost";
    $username ="root";
    $password ="";
    $database ="database_user";
    $conn = mysqli_connect($server,$username,$password,$database) or die ("Gagal Terhubung ke Database");
?>

Kemudian kita buat file proses_login.php dan berikut adalah script nya:



<?php  
    session_start();
if (isset($_POST['btn'])) {
   
        $user = $_POST['username'];
        $pass = $_POST['password'];
        $query = mysqli_query($conn, "SELECT * FROM user WHERE username = '$user' AND password = '$pass' ");
        if (mysqli_num_rows($query) !== 0 ) {       
            $result = mysqli_fetch_array($query);
            $status = $result['status'];
            if ($status == "Admin") {
                $_SESSION['btn'] = "Admin";
               header('location: user/admin/admin.php');
            } elseif ($status == "user") {
                $_SESSION['btn'] = "user";
                header('location: user/user/user.php');
            } else {
                header('location: index.php');
            }
        } else {
            echo "<div class='col-sm-12 gagal'><span class='glyphicon glyphicon-remove'></span> Anda Belum Terdaftar</div>";
        }
    }
    ?> 

Sekarang, kita tinggal membuat halaman user dan admin sederhana saja, silahkan anda membuat folder user dan admin dan selanjutnya kita buat file admin.php dan user.php :

Dan ini adalah script untuk halaman admin atau file admin.php:

<html>
<head>
    <title>Halaman Admin</title>
</head>
<body>
<h2>Halo, Admin</h2>
</body>
</html>

Dan ini adalah script untuk halaman User atau file user.php:

<html>
<head>
    <title>Halaman User</title>
</head>
<body>
<h2>Halo, User</h2>
</body>
</html>

Ok, Silahkan Janlankan filenya dengan web rowser anda.

Jika anda menyukai artikel Membuat Form Logi Multi-User dengan Mysql dan Php ini, mohon kiranya untuk meluangkan waktu agar bisa membagikan artikel ini kepada temen temen yang lain yang mungkin membutuhkan informasi ini, agar mereka bisa membaca dan mengetahui artikel ini,

Agar tidak ketinggalan update, atau tidak ketinggalan artikel-artikel lainya yang lebih baru, silahkan berlangganan dengan cara memasukan email aktif pada kolom yang sudah disediakan dibawah,



Lisensi Creative Commons. DMCA.com Protection Status

Aktifkan Pemberitahuan GRATIS Via Email, Agar kamu tidak ketinggalan update artikel terbaru dari kami, Masukan email anda dibawah ini, dan klik berlangganan:

Setelah Klik Tombol Berlangganan Silahkan Periksa Email kamu, dan Klik Link Validasi yang dikirim

Bagikan dengan link pendek : GOO.GL
Bagikan artikel ini :
+
0 Komentar untuk "Membuat Form Logi Multi-User dengan Mysql dan Php"

Silahkan berikan komentar yang baik, Komentar anda adalah masukan yang sangat berharga bagi saya, Jika mau request silahkan tuliskan juga dikolom komentar ya kawan,

Dilarang Komentar
1. Promosi Jenis Apapun
2. Dilarang bully
3. Dilarang Spam
4. Dilarang Pasang Link Aktif,
5. Tidak sesuai dengan topik yang dibahas

Pelanggaran mengakibatkan komentar kamu akan dihapus tanpa pemberitahuan..!!

By : Admin Tutorapk.com

 
CopyrightCopyright © 2017 - 2018 Tutorapk.com