Coding Perpustakaan Membuat Halaman Loginphp tanpa database ( PART 2 )

Nah Sekarang kita akan buat login.php sebelumnya baca dulu okay untuk index.htmlnya

Tugas Coding Tentang Perpustakaan


Nah kurang lebih tampilan login.phpnya seperti dibawah ini.
Background yang saya pakai itu dengan menggunakan img . kalo mau backgroudnya minta dikolam komentar ya . emailnya apa gtuh okay

seperti dijudul saya membuat halaman login tanpa database . dalam artinya kita buat halaman login cuman khusus berupa admin.

jadi gini . kita buat coding 2. login.php dan login_admin.php nanti si login php hanya membuat tampilan nah login_admin buat user dan passnya okay paham .

seperti ini ya codingnya .

login.php


<html>
<head>
<title> Login Perpustakaan</title>
<link rel="stylesheet" type="text/css" href="css/Login.css">
</head>
<body>
<form method="post" action="login_admin.php">

<div class="tampilan">
 <div class="kepala">
<h2 class="judul">Perpustakaan Online Milenial</h2>
</div>
<div class="artikel">

<div class="kesalahan">
<?php
        if(isset($_GET["login_error"])){
            echo "Username atau password salah";
        }
    ?>
</div>

<div class="kotak">
<p><input type="text" name="username" value="" placeholder="Masukan Username Anda"></p>
<p><input type="password" name="password" value="" placeholder="Masukan Password Anda"></p>
<p class="submit"><input type="submit" name="commit" value="Login"></p>
</form>
</div>
</div>

 </div>
</div>
</body>
</html>


login_admin.php


<?php
   
    ob_start();
    session_start();
    ob_end_clean();
   
    $username=$_POST["username"];
    $password=$_POST["password"];
   
    if($username=="admin" AND $password=="admin")
    {
        $_SESSION["username"]=$username;
        header("location:home.php");
    }else{
        header("location:login.php?login_error");
    }
?>


Nah kalo sudah kita lanjut ke tampilan home ya . nih linknya untuk tampilan home .

homephp Tampilan Motivasi yang elegan html dasar coding


Peringatan Jika anda belum seperti tampilan gambar diatas ketahuilah anda belum buat CSSnya nanti ada diketerangan akhir atau bisa langsung klik link dibawah ini .

No comments:

Post a Comment

Pages