|
Tahap 1 : Membuat database
Saya anggap kelengkapan untuk membuat database sudah bisa di lengkapi saya menggunakan Xampp
untuk penyimpanan databasenya sekaligus sebagai mysql karena Xampp sudah lengkap tanpa membutuhkan kelengkapan yang lain lagi.
Buatlah database dengan nama: olshop
tabel: data_user
untuk fieldnya ketiklah seperti gambar di bawah ini:
dan isilah fielnya seperti pada gambar di bawah ini
Tahap 2 : Membuat Koneksi
Buatlah folder baru di localhost tepatnya di htdocs dengan nama: olshop
kemudian buatlah file php dengan text editor kesayangan anda dengan nama: kon.php simpan didalam folder olshop yang baru di buat tadi,
saya menggunakan Dreamwiver untuk text editornya
selanjutnya ketik kode berikut:
kemudian buatlah file php dengan text editor kesayangan anda dengan nama: kon.php simpan didalam folder olshop yang baru di buat tadi,
saya menggunakan Dreamwiver untuk text editornya
selanjutnya ketik kode berikut:
<?
$host="localhost";
$user="root";
$pass="";
$dbs="olshop";
$konek=mysql_connect($host,$user,$pass) or die ('koneksi gagal');
$db=mysql_select_db($dbs,$konek);
?>
Tahap 3 : Membuat form login
Kemudian buat file baru dengan nama: login.php dan simpan didalam folder olshop.
ketiklah kode berikut:
ketiklah kode berikut:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body text="#000000">
<form id="form1" name="form1" method="post" action="proses.php">
<table width="21%" style="border:solid #009" align="center" cellpadding="2" cellspacing="2">
<tr>
<th height="71" bgcolor="#003399" scope="row"><font color="#FFFFFF">Silakan Login</font></th>
</tr>
<tr>
<th align="left" bgcolor="#CCCCCC" scope="row">Username:</th>
</tr>
<tr>
<th align="left" bgcolor="#CCCCCC" scope="row"><label>
<input type="text" name="username" id="username" />
</label></th>
</tr>
<tr>
<th align="left" bgcolor="#CCCCCC" scope="row">Password:</th>
</tr>
<tr>
<th align="left" bgcolor="#CCCCCC" scope="row"><label>
<input type="password" name="password" id="password" />
</label></th>
</tr>
<tr>
<th align="left" scope="row"><input type="submit" name="login" id="login" value="Login" /> <input type="reset" name="batal" id="batal" value="Batal" /></th>
</tr>
</table>
</form>
</body>
</html>
Tahap 4 : Membuat file action untuk proses login
Tahap terakhir membuat file baru lagi dengan nama: proses.php
Ketiklah kode dibawah ini:
Ketiklah kode dibawah ini:
<?
include"kon.php";
$user=$_POST['username'];
$pass=$_POST['password'];
$login=mysql_query("select * from data_user where username='$user' and password='$pass'");
$cek=mysql_fetch_array($login);
if ($cek['password'] && $cek['username'])
{
echo"<script>alert('Selamat datang bapak/ibu $cek[nama] di ruang login, selamat menikmati fasilitas dari kami')</script>";
echo "<script>location='login.php'</script>";
}else{
echo "<script>alert('Anda Gagal Login! periksa kembali username dan password')</script>";
echo "<script>location='login.php'</script>";
}
?>
Setelah semua selesai sekarang buka browser anda dan ketik adress : localhost/olshop/login.php
maka akan tampil seperti gambar dibawah ini:
maka akan tampil seperti gambar dibawah ini:
Jika sudah tampil coba anda login , jika anda salah memasukkan username atau password maka akan tampil pesan seperti pada gambar dibawah ini:
Dan jika anda benar mengisi username dan password maka akan tampil pesan seperti dibawah ini:
Ok itulah artikel dengan judul: Cara Membuat Konsep Login dengan PHP dan Mysql Sederhana
untuk konsep login ini masih kurang aman jika diterapkan untuk pembuatan website karena orang bisa masuk langsung ke file kita secara langsung tanpa melalui login.
Terimakasih Semoga Bermanfaat
untuk konsep login ini masih kurang aman jika diterapkan untuk pembuatan website karena orang bisa masuk langsung ke file kita secara langsung tanpa melalui login.
Terimakasih Semoga Bermanfaat
terimakasih gan sangat bermanfaat....
BalasHapusthank u gan sangat membantu semoga sukses :)
BalasHapus