Tutorial Register, Login, Logout dengan Menggunakan PHP

Anda pasti sudah sering menjumpai website dengan fitur Register, Login, dan Logout. Fitur tersebut sudah merupakan fitur umum pada website. Bagi anda yang sedang atau ingin belajar membuat website tentu ingin mengetahui bagaimana caranya membuat fitur-fitur tersebut. oke langsung saja ke tutorialnya :
  • Pada database buat database baru dan buat tabel user dengan field user dan password, ini nantinya digunakan untuk menyimpan data username dan passwordnya. Untuk contoh di bawah ini saya menggunakan nama database test, nama tabelnya user, nama fieldnya user dan password
  • Selanjutnya kita mulai membuat halaman-halaman web. Yang pertama kita buat dulu file untuk koneksi php ke mysql, berikut adalah contohnya: simpan file tersebut dengan nama koneksi.php
<?php
//pendeklarasian variabel
$server="localhost";
$usr="root";
$pass="";
$db="test";
$sambung=mysql_connect($server,$usr,$pass) or die("koneksi gagal");

//perintah untuk menggunakan databse
mysql_select_db($db,$sambung) or die ("database tidak ditemukan");
?>

  • Kemudian kita buat halaman home nya : simpan file tersebut dengan nama index.php.
<?php session_start(); ?>
<center>
<?php
//menampilkan halaman login jika user belum login
if ($_SESSION[login]=="")
{
?>
<script language="javascript">
function validasi(form)
{
if (form.user.value=="")
{
alert ("username masih kosong");
form.user.focus();
return(false);
}
if (form.pass.value=="")
{
alert ("password masih kosong");
form.pass.focus();
return(false);
}
return(true);
}
</script>
<h2>SILAHKAN LOGIN ATAU REGISTRASI</h2>
<form method="post" action="login.php" onSubmit="return validasi(this)">
<table>
<tr>
     <td>User </td>
        <td><input name="user" type="text" maxlength="50"></td>
    </tr>
    <tr>
     <td>Password</td>
        <td><input type="password" name="pass"></td>
    </tr>
    <tr>
     <td colspan="2"><center><input type="submit" name="submit" value="login"></center></td>
      </tr>
</table>
</form>
<br>
<a href="registrasi.php">Registrasi</a>


<?php } 
else
{
?>
<h2>Anda Berhasil Login</h2>
<a href="logout.php">Logout</a>
</center>
<?php
}
?>

  • Untuk proses registrasi kita buat halaman baru lagi: simpan file tersebut dengan nama registrasi.php
<script language="javascript">
function validasi(form)
{
if (form.user.value=="")
{
alert ("username masih kosong");
form.user.focus();
return(false);
}
if (form.pass.value=="")
{
alert ("password masih kosong");
form.pass.focus();
return(false);
}
if (form.passver.value=="")
{
alert ("silahkan ulangi password");
form.passver.focus();
return(false);
}
if (form.passver.value!=form.pass.value)
{
alert ("password belum sama");
form.passver.focus();
return(false);
}
return(true);
}
</script>
<center>
<h2>HALAMAN REGISTRASI</h2>
<form method="post" action="regquery.php" onSubmit="return validasi(this)">
<table>
<tr>
     <td>User </td>
        <td><input name="user" type="text" maxlength="50"></td>
    </tr>
    <tr>
     <td>Password</td>
        <td><input type="password" name="pass"></td>
    </tr>
    <tr>
     <td>Ulangi Password</td>
        <td><input type="password" name="passver"></td>
    </tr>
    <tr>
     <td colspan="2"><center><input type="submit" name="submit" value="registrasi"></center></td>
      </tr>
</table>
</form>
<br>
</center>

  • Selanjutnya kita buat query untuk memasukan data dari file registrasi tadi ke dalam database, simpan file berikut ini dengan nama regquery.php

<?php
include 'koneksi.php';
$user=$_POST[user];
$pass=md5($_POST[pass]);
mysql_query("insert into user values ('$user','$pass')");
print '<script>alert ("Registrasi Berhasil!"); </script>';
print '<meta http-equiv="refresh" content="0;url=index.php" />';
?>

  • Selanjutnya untuk Login, simpan file berikut ini dengan nama login.php
<?php
session_start();
include 'koneksi.php';
$user=$_POST[user];
$pass=md5($_POST[pass]);
$r=mysql_fetch_array(mysql_query("select * from user where user='$user'"));
if ($r[user]=="")
{
print '<script>alert ("User Tidak Terdaftar"); </script>';
print '<meta http-equiv="refresh" content="0;url=index.php" />';
}
if ($pass != $r[password])
{
print '<script>alert ("Password Salah"); </script>';
print '<meta http-equiv="refresh" content="0;url=index.php" />';
}
else 
{
$_SESSION[login]=$user;
print '<meta http-equiv="refresh" content="0;url=index.php" />';
}
?>

  • Dan yang terakhir adalah script untuk logout, simpan file berikut dengan nama logout.php
<?php session_start();
unset($_SESSION[login]);
session_destroy();
echo "<script>alert ('anda telah logout')</script>";
echo '<meta http-equiv="refresh" content="0;url=index.php" />';
?>

atau anda bisa mendownload file lengkapnya pada link di bawah ini:
    These icons link to social bookmarking sites where readers can share and discover new web pages.
    • Digg
    • Sphinn
    • del.icio.us
    • Facebook
    • Mixx
    • Google
    • Furl
    • Reddit
    • Spurl
    • StumbleUpon
    • Technorati

    Leave a comment