Membuat Login Dengan Remember Me Menggunakan PHP

Admin Rubik Desain 4:34 AM

Sourcecode Aplikasi Login With Remember Me

Hallo ....

Sahabat Komputer, pada kesempatan yang berbahagia ini saya akan memberikan tutorial cara membuat login dengan disertai fungsi remember me atau dalam bahasa indonesia ingatkan saya. Tujuan dari Remember Me tersebut yaitu untuk mengingatkan Username dan juga password pada saat Login, sebagai contoh saya login dengan menggunakan Username : admin kemudian password : admin, jika saya menggunakan fungsi Remember me makan saya akan diingatkan dengan Username dan password yang sudah masuk sebelumnya.

Canggih Bukan ...
Itulah keuntungannya kalau kita menggunakan bahasa pemrograman php MySQL, selain tampilannya menarik bahasa ini juga bisa kita manfaatkan sesuai dengan kebutuhan kita.

Okeh, tidak usah panjang kali lebar, ehehehe
Kita akan belajar cara membuatnya, akan tetapi sekedar mengingatkan saja untuk mengaktifkan terlebih dahulu aplikasi Xampp pada komputer anda, aktifkan Apache dan MySQL nya agar kita bisa mengakses Databasenya.


Cara Membuat Login Dengan Remember Me

Buka Text Editor yang anda miliki, kalau saya menggunakan text editor Dreamweaver, silahkan buka saja kemudian kita akan membuat koneksi terlebih dahulu untuk menghubungkan antara php dengan MySQL.

Ohhhh iya ...
Hampir Lupa ..

Kita Belum membuat database MySQL Nya, kita buat database saja terlebih dahulu kemudian baru kita buat script untuk koneksinya agar saling terhubung ..

Untuk membuat Database silahkan buka Web Browser yang anda miliki, kemudian ketikan "localhost" pada address bar, sehingga akan muncul jendela aplikasi Xampp ..

Saya rasa nggak usah terlalu dijelaskan untuk cara membuat databasenya, semuanya sudah tahu kan ?
kalau belum tahu silahkan pelajari pada artikel sebelumnya ....

Buatlah database dengan nama "registration"
Dengan tabelnya "user"


 Setelah database berhasil dibuat selanjutnya kita akan membuat koneksinya, silahkan gunakan script berikut ini.
<?php
$mysqli = new mysqli('localhost', 'root', '', 'registration');
?>
Setelah itu buat juga tampilan loginnya, dengan menggunakan script berikut ini.
<!DOCTYPE html>
<html>
<head>
    <title>Login</title>
    <link rel="stylesheet" type="text/css" href="css/mystyle.css" />
</head>
<body>
<form action="validate.php" method="POST">
  <div class="imgcontainer">
    <img src="images/user.png" alt="User" class="user" width="200" height="200">
  </div>

  <div class="container">
    <label><b>Username</b></label>
    <input type="text" placeholder="Enter Username" name="username" required>

    <label><b>Password</b></label>
    <input type="password" placeholder="Enter Password" name="password" required>
       
    <button type="submit" name="submit">Login</button>
    <input type="checkbox" checked="checked"> Remember me
  </div>

  <div class="container" style="background-color:#f1f1f1">
    <button type="reset" class="cancelbtn">Cancel</button>
    <span class="psw">Forgot <a href="#">password?</a></span>
  </div>
</form>

</body>
</html>
Simpan script diatas dengan nama login.html
kemudian untuk melihat tampilan loginnya silahkan buka Web Browser anda, sehingga tampilannya seperti berikut ini.


 Selanjutnya, silahkan KOMENTAR saja yah yang butuh Sourcecodenya, masalahnya cape ngetiknya, ehehehe

Reactions

Post a Comment

3 Comments