Kuis 1 Php My Sql (Login Style) ~ EAS Article

Assalamu 'alaikum wr wb
pada postingan kali ini kita akan :
menambahkan postingan sebelumnya kita akan membuat Form Login yaitu masuk sebagai admin atau user
-
postingan pembahasan => KuisPhp
-
Gambar Tampilan :

-
Buat table pada database yang dipostingan sebelumnya.
Nama Database : dbdaftar5d
Nama Table : tblogin
Fields dalam table : userid - varchar(20), password - varchar(20) dan level - varchar(20)
-

Kodingan :

Pada Folder : kuis

Buka Note pad Masukkan dibawah body:

<div class="kotak_login">
<p class="tulisan_login">Silahkan Login </p>
<form method="post" action="hlogin.php?op=in">
USER ID :<input type="text" class="form_login" name="txtuser">
PASSWORD :<input type="password" class="form_login" name="txtpassword">
<input class="tombol_login" type="submit" value="Login">
</form>

-
Save dengan nama : login.php atau index.php

lalu buat file baru di notepad

<?php
session_start();
mysql_connect("localhost","root","") or die ("Tidak bisa terkoneksi");
mysql_select_db("dbdaftar5d");
$userid = $_POST ['txtuser'];
$password = $_POST ['txtpassword'];
$op = $_GET['op'];
if ($op=="in")
{
$qry = mysql_query("SELECT * FROM tblogin where userid='$userid' and password='$password'");
if (mysql_num_rows($qry)==1)
{
# code...
$baris= mysql_fetch_array($qry);
$_SESSION['userid']=$baris['userid'];
$_SESSION['level']=$baris['level'];
if ($baris['level']=="admin")
{
header("location: menuadmin.php");
}
else if ($baris['level']=="user")
{
header("location: menuuser.php");
}
}
else
{
die("password salah <a href=\"javascript:history.back()\">Kembali </a>");
}
}
else if($op=="out")
{
unset($_SESSION['userid']);
unset($_SESSION['level']);
header("localhost:lihatdb.php");
}
?>

-
Save dengan nama : hlogin.php

lalu buat file baru di notepad

.tulisan_login{
    text-align: center; /*huruf menjadi kapital*/
    text-transform: uppercase;
}

.kotak_login{
    width: 300px; /*lebar form*/
    background: white; /*form ke tengah*/
    margin: 90px auto; /*jarak form dr atas*/
    padding: 25px 25px; /*jarak tulisan kiri,kanan,atas,bawah*/
    box-shadow: 0px 0px 100px 4px #d6d6d6;
}

.tombol_login{
    background: #2aa7e2;
    color: white;
    font-size: 11pt;
    width: 100%;
    border: none;
    border-radius: 3px;
    padding: 10px 20px;
}

.tombol_login:hover{ /*warna ketika di klik*/
        background-color: #00ced1;
    }

.form_login{
    /*membuat lebar form penuh*/
    box-sizing : border-box;
    width: 100%;
    padding: 10px;
    font-size: 11pt;
    margin-bottom: 20px;
}

-
Save dengan nama : stylelogin.css (File Css)

##Pada file login.php beri koding di dalam head untuk aktifkan css:

lalu buat file baru di notepad

Buat File bernama :

- menuadmin.php dan isinya "saya adalah admin"

- menuuser.php dan isinya "saya adalah user"

Sekian dari saya

Assalamu 'alaikum wr wb