Cara Membuat Login Sederhana Menggunakan PHP MySQL

Assalamualaikum wr.wb

Selamat siang sobat, senang rasanya bisa update lagi di blog ini. Hari ini admin akan sharing tutorial cara membuat menu login menggunakan php mysql. Pertama yang perlu di persiapkan adalah aplikasi xampp pastikan sudah terinstal di komputer sobat, untuk tutorial menginstal xampp sobat bisa baca di sini kemudian jangan lupa kita aktifkan apache dan mysqlnya


Setelah itu kita bikin database di phpmyadmin
caranya buka web browser ketikan localhost/phpmyadmin 
kemudian klik tab database dan masukan nama database misalnya latihan kemudian klik create


 setelah itu kita bikin tabel namanya user seperti gambar dibawah ini kemudian klik save

setelah itu kita isikan tabel tersebut dengan cara klik insert  kemudian klik go


sekarang database sudah jadi langkah selanjutnya adalah membuat folder di C:/xampp/htdocs
kita bikin misalnya nama foldernya latihan kemudian kita bikin codingnya
buka notepad++ kemudian copykan source code berikut dan save dengan nama konek.php ini untuk koneksi databasenya

<?php
    $host="localhost";          // variabel host = localhost
    $user="root";               // variabel user = root
    $pass="";                 // variabel pass =kosong (karena xampp yang digunakan tidak menggunakan password)
    $db="latihan";             //variabel db = nama database yang kita buat
   
    mysql_connect($host, $user, $pass) or die (mysql_error());   //mengkoneksikan ke database
    mysql_select_db($db);                 // memilih database
?>

kemudian bikin file index untuk tampilan ketika berhasil login, copy source code berikut dan simpan dengan nama index.php

<?php
session_start();  //memulai sesi
include'konek.php';   //memasukan file konek.php agar program terkoneksi dengan databases

    $username=@$_SESSION['username'];   //variabel username = variabel sesi username
    $login=@$_SESSION['login'];         // variabel login = variabel sesi login
   
if($login == 1) {                        //jika nilai variabel login sama dengan 1 maka

?>
<center><b>Selamat Datang <?php echo "$username"; ?></b>         
<br><b><a href="logout.php">LogOut</a></b>
</center>


<?php
}else{                                // jika tidak
header('location:login.php');         // arahkan ke login.php
}

?>

selanjutnya bikin file login, copy source code berikut dan simpan dengan nama login.php

<form action="" method="post">
<table>
    <tr>
        <td>Username</td><td>:</td><td><input name="username" type="text" placeholder="username"/><td>
    </tr>
    <tr>
        <td>Password</td><td>:</td><td><input name="password" type="password" placeholder="password"/><td>
    </tr>
</table>
    <input type="submit" value="login" name="login">
</form>

<?php
session_start();                         //memulai sesi
include'konek.php';                      // memasukan konek.php agar terkoneksi databases

$username=@$_POST['username'];           //variabel username = inputan dari  username
$password=@$_POST['password'];           //variabel password = inputan dari password
$login=@$_POST['login'];                 // variabel login = inputan dari login

$query=mysql_query("select * from user where username='$username' and password='$password'");   // sql query
$jumlah=mysql_num_rows($query);            //query menentukan jumlah dari sql query

if($login) {                                 //jika $login (di submit) maka
    if($username=="" or $password=="") {            // jika username = kosong atau password = kosong maka
    ?>
    <script type="text/javascript">
    alert("Username dan Password tidak boleh kosong");
    </script>
    <?php
    } else if                                     //jika tidak maka jika
    ($jumlah > 0) {                               // jumlah lebih dari 0  maka
    @$_SESSION['login']=1;                         // sesi login = 1
    @$_SESSION['username']=$username;              // sesi username = username
    header('location:index.php');                // mengarahkan ke index.php
    } else {                                      // jika tidak maka
    ?>
    <script type="text/javascript">alert("Login Gagal !");</script>
    <?php
    }
    }
?>

terakhir kita bikin logoutnya, copy source code dibawah ini dan simpan dengann nama logout.php

<?php
session_start();               //memulai sesi
session_destroy();             // akhiri sesi
header('location:index.php');   // mengarahkan ke index.php
?> 


 Jadi didalam folder latihan terdapat 4 file yaitu konek.php,index.php,login.php dan logout.php

untuk uji coba, kita buka web browser, ketik localhost/latihan jika berhasil maka tampil halaman login seperti berikut

kemudian isikan username dan password sesuai yang ada di database jika berhasil maka akan diarhkan ke halaman index sedangkan jika gagal maka akan muncul javascript "login gagal"


tambahan di bahasa pemrograman php code // merupakan code untuk memberikan comment jadi tidak akan dibaca ketika program dijalankan

Demikian tutorial cara membuat login sederhana menggunaka php mysql, sobat bisa kembangkan sendiri dengan merubah tampilan atau desain agar bisa lebih bagus

Wassalamualaikum wr.wb

Post a Comment

0 Comments