Cara Membuat Coding Login

19/11/2017    Risman Hakim    45448     Website

Seperti kita ketahui bahwa form login merupakan elemen penting dalam sebuah halaman web terumata pada saat akan mengakses halaman administrator, tentu kita tidak ingin setiap user bisa mengakses, Maka dari itu kita wajib memberikan hak akses. Nah, dengan form login maka user tidak bisa sembarangan lagi bisa masuk dan mengakses data pada halaman administrator. Berikut ini akan saya share tutorial sederhana mengenai cara membuat coding login, simak uraiannya berikut ini.

Pada kasus ini, login yang akan kita buat adalah dengan menggunakan kode PHP dan tanpa mysql. Nah, buat kalian yang masih bingung maupun yang lagi belajar membuat login sederhana dengan PHP tidak ada salahnya untuk mencoba. Baik langsung saja ikuti langkah-langkahnya berikut ini.

Cara Membuat Coding Login : Halaman Form Login

Cara Membuat Coding Login

Sebelum memulai pada proses loginnya, kita akan buat dulu halaman form login berikut ini.

<body>
    <form method="post">
        <table>
            <tr>
                <td>Usernam</td>
                <td>:</td>
                <td><input type="text" name="username" /></td>
            </tr>
            <tr>
                <td>Password</td>
                <td>:</td>
                <td><input type="password" name="password" /></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td><input type="submit" name="login" value="Login" /></td>
            </tr>
        </table>
    </form>
</body>

Pada kasus ini saya membuat login dengan session dan nantinya session akan dipanggil atau ditampilkan pada halaman adminstrator sebagai informasi user yang sedang login atau aktif. Nah, Setlah membuat form login seperti diatas, selanjutnya kita akan buat proses login dengan kode PHP berikut ini.

<?php
session_start();
$_SESSION["username"]="Risman Hakim";
$_SESSION["password"]="123";
if (isset($_POST["login"])){
    if ($_POST["username"]=="risman" && $_POST["password"]=="123"){
        header("location:home.php");
    }else{
        echo "Maaf Username Atau Password Salah !";
    }
}
?>

Cara Membuat Coding Login : Halaman Administrator

Cara Membuat Coding Login

Selanjutnya setelah kita membuat halaman form login seperti diatas, kita akan buat halaman administrator, silahkan kalian buat satu file untuk halaman adminstrator dan ketikan kode seperti berikut ini.

<style>
    .wrapper {
        width: 400px;
        padding: 10px;
        background: #3498db;
        color: white;
    }
    a {
        background: #2c3e50;
        padding: 5px;
        color: white;
        font-weight: bold;
        text-decoration: none;
        margin-top: 20px;
    }
    span {
        font-style: italic;
        color: #f90;
    }
</style>

<body>
    <div class="wrapper">
        <?php
            session_start();
            if (!isset($_SESSION["username"])) header("location:login.php");
        ?>
        <h3>Selamat Datang Admin : <span><?php echo $_SESSION["username"]?></span></h3>
        <a href="logout.php">Logout</a>    
    </div>
</body>

Cara Membuat Coding Login : Proses Logout

Pada kasus ini saya membuat halaman admin dengan nama home.php, Selanjutnya kurang lengkap apabila kita login tapi kita tidak logout, maka dari itu kita wajib membuat proses logout, silahkan buat satu file logout dan ketikan kode nya seperti berikut ini.

<?php
session_start();
session_destroy();
header("location:login.php")
?>

Setelah semua kode diatas telah diketikan, sekarang silahkan buka pada localhost dan jalankan mulai dari proses login sampai logout jika telah berhasil login sesuai dengan user dan password yang telah ditentukan maka proses login berhasil. Baik sekian tutorial sederhana mengenai bagaimana cara membuat coding login, semoga bermanfaat.

 

PHP, HTML CSS, website

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More