Assalamualaikum :)
Apa kabar anda hari ini?
Semoga masih diberikan kesehatan dan dapat menerima berbagai ilmu dan
wawasan di kesempatan yang baik kali ini.
Kali ini saya akan membahas tentang:
atau yang lebih tepatnya saya akan membahas
script
login sederhana.
Langsung saja kita ke langkah pertama:
STEP 1.
Pertama kita harus membuat sebuah database baru dulu , misalnya kita membuat database menggunakan nama latihan
Jika sudah membuat databse tadi kemudian buat table baru , untuk table baru ini kita beri nama userlogin dan banyak kolom nya itu 3
Jika sudah kemudian atur pengaturan kolom table nya seperti ini
Id : type = int , length/value=10 , Null , index = PRIMARY , A I
User : type = Varchar , length/value = 225
Password : type = Varchar , length/value = 225
Jika sudah kemudian kita masukan langsung data nya dengan cara klik menu insert di menu bar phpmyadmin nya , lihat gambar di bawah ini
lalu mencul form isian seperti di bawah ini
Untuk baris id di kosongkan saja karena nanti akan diisi secara otomatis , dan untuk baris user diisi admin saja , dan untuk baris pass diisi admin juga dan di tambahkan enkripsi MD5
STEP 2
Nah tadi kita sudah membuat database beserta tablenya sekaligus mingisinya, sekarang kita buka dulu sebuah text editor , bisa notepad++ , sublimet text 2, dreamweaper atau sebagainya . Tetapi kali ini saya akan menggunakan sublime text 2 : begini tampilan sublime text 2 nya .
Sebelum kita memulai ngoding saya sarankan anda membuat sebuah folder baru dulu di htdocs dengan nama folder LATIHAN dan di dalam folder LATIHAN itu anda buat folder baru lagi dengan nama latihan_login1 , seperti ini ,
Nah jika folder latihan_login1 dan software text editor anda sudah siap , sekarang saatnya kita ngoding script loginnya.
Oke , buat langsugn dokumen baru dan ketik kode di bawah ini
<?php
Mysql_connect("localhost","root",""); //mengkoneksikan dengan host
Mysql_select_db("latihan"); //memilih database
?>
Dan kemudian simpan di folder tadi dengan nama config.php file config.php ini akan kita gunakan sebagai file untuk mengkoneksikan dengan database yang telah kita buat tadi.
Selanjutnya buat dokumen baru lagi dan beri nama index.php , jika sudah kemudian ketik kode di bawah ini :
<?php
session_start();
if(!$_SESSION["username"] or !$_SESSION["password"]){
header("location:login.php"); //jika session username atau password tidak ada maka alihkan ke halaman login
}else{
//jika kedua session itu lengkap maka tampilkan halaman index ini
?>
<!DOCTYPE html>
<html>
<head>
<title>Selamat datang</title>
</head>
<body>
<center>SELAMAT DATANG KAWAN , ANDA SUDAH BERHASIL LOGIN....
<br/> <a href="logout.php">Logout</a>
</center>
</body>
</html>
<?php
}
?>
File index.php ini akan kita gunakan sebagai halaman yang jika kita berhasil login nanti kita akan di alihkan ke halaman ini.
Setelah anda simpan , kemudian anda buat dokumen baru lagi dan beri nama login.php lalu anda ketik kode dibawah ini
<?php
include("config.php");
session_start();
if(@$_SESSION["username"] or @$_SESSION["password"]){
header("location:index.php"); //jika session username atau password ada maka alihkan ke halaman index
}else{
//jika kedua session itu tidak ada maka tampilkan halaman login ini
?>
<!DOCTYPE html>
<html>
<head>
<title>Logi dulu bro</title>
</head>
<?php
//PROSES LOGIN
if(@$_POST["tombol"]){
$user = $_POST["user"];
$pass = md5($_POST["pass"]);
$cek = mysql_query("select*from userlogin where user='$user' and pass='$pass' LIMIT 1");
$hit = mysql_num_rows($cek);
if($hit < 1){
echo"
<script>
alert('MAAF LOGIN GAGAL');
history.back();
</script>
";
}else{
$_SESSION["username"] = 1;
$_SESSION["password"] = 1;
header("location:index.php");
}
}
?>
<body>
<center>
<form name="fform" action="" method="post">
<h3>Login user</h3>
Username : <input type="text" name="user"/> <br/>
Password : <input type="password" name="pass"/> </br>
<input type="submit" value="login" name="tombol"/>
</form>
</center>
</body>
</html>
<?php
}
?>
dan jika anda mengikuti tutorial ini dengan benar , maka beginilah hasilnya :
|
tampilan ketika di form login |
|
hasil jika sukses login |
UPDATE :
nah untuk proses logout nya , anda hanya perlu membuat file baru lagi bernama logout.php , dan ketik kodenya seperti di bawah ini :
<?php
session_start();
session_destroy(); //hancurkan semua session yang ada
?>
<script>
alert("Anda berhasil logout");
document.location.href="login.php"; //jika logout berhasil , alihkan ke halaman login
</script>
Finish!, mungkin itu dulu tutorial untuk kali ini , sampai jumpa di tutorial selanjutnya.
Lumayan mudah kan?
atau lumayan mumet? HAHA
Terus berusaha ya.. Pasti bisa..
OK itu dulu ya untuk kesempatan kali ini.
Good Luck Everyone!