Cara Membuat Form Login dan Register Sederhana dengan PHP
Sebelumnya sudah mengenal apa itu PHP kan? Kalau belum silakan baca artikel tentang PHP di blog ini, kali ini saya akan menjelaskan bagaim...
https://cwost.blogspot.com/2015/06/cara-membuat-form-login-dan-register.html
Sebelumnya sudah mengenal apa itu PHP kan? Kalau belum silakan baca artikel tentang PHP di blog ini, kali ini saya akan menjelaskan bagaimana cara membuat form login dan register sederhana menggunakan bahasa pemrograman PHP, oke lanjut saja ke tutorial nya..
1. Buka Xampp Control Panel, lalu Start Apache dan MySQL yang nanti nya akan kita gunakan untuk menjalankan bahasa pemrograman PHP dan juga Database MySQL.
2. Lalu ketikan “localhost/phpmyadmin/” di URL browser kalian.
3. Lalu klik “Basis Data” atau “Database” di menu bagian atas.
4. Tulis nama database yang kalian ingin buat, kalau disini contoh nama database nya “belajar”, kalau sudah klik “Buat” atau “Create”.
5. Lalu klik database yang di buat tadi.
6. Lalu buat nama tabel dalam database tersebut, kalau disini contoh nama tabelnya adalah “login” dan juga jumlah kolomnya adalah 3, jika sudah klik “Kirim” atau “Send”.
7. Lalu isikan kolom-kolom yang sudah dibuat tadi, kolom Nama, Jenis, Panjang/Nilai dsb isi sesuai dengan gambar dibawah ini.
Kolom id disesuaikan dengan jenis INT karena INT adalah singkatan dari Interger, panjang/nilai nya tidak usah diisi karena defaultnya nanti adalah 11, Indeks nya juga menggunakan Primary, artinya adalah isi data kolom id tidak akan ada yang sama dengan data yang lainnya, lalu di kolom id di centang juga A_I nya, A_I adalah singkatan dari Auto Increment yang artinya isi kolom id akan terus berurutan ataupun berlanjut walaupun data awalnya dihapus, contoh isi kolom id ada nomor 1,2,3,4,5 dst. Jika id nomor 3 dihapus, lalu user input data, maka id nya akan tetap berlanjut menjadi 6,7,8,9,10 dst walaupun tanpa adanya id nomor 3.
Kolom username dan password menggunakan jenis VARCHAR yang fungsinya untuk menginput data Karakter kedalam database.
Jika sudah diisi semuanya, klik “Simpan” atau “Save”.
8. Kemudian klik tombol “Tambahkan” atau “Insert” di tabel login.
9. Isi kolom username dan password sesuai keinginan anda, untuk kolom id tidak perlu diisi karena sudah Auto_Increment, kalau sudah klik Kirim.
10. Jika sudah silahkan di cek dengan cara klik tabel login apakah sudah benar anda menginputnya.
11. Kalau sudah benar, maka akan muncul seperti ini.
12. Sekarang saatnya ngoding, silahkan ketik ulang codingan di bawah ini, kalau malas boleh saja copas tapi lebih baik untuk ketik ulang agar kedepannya bisa ingat. Buat folder di dalam folder xampp/htdocs/ lalu ketik coding dibawah ini.
1. Buka Xampp Control Panel, lalu Start Apache dan MySQL yang nanti nya akan kita gunakan untuk menjalankan bahasa pemrograman PHP dan juga Database MySQL.
2. Lalu ketikan “localhost/phpmyadmin/” di URL browser kalian.
3. Lalu klik “Basis Data” atau “Database” di menu bagian atas.
4. Tulis nama database yang kalian ingin buat, kalau disini contoh nama database nya “belajar”, kalau sudah klik “Buat” atau “Create”.
5. Lalu klik database yang di buat tadi.
6. Lalu buat nama tabel dalam database tersebut, kalau disini contoh nama tabelnya adalah “login” dan juga jumlah kolomnya adalah 3, jika sudah klik “Kirim” atau “Send”.
7. Lalu isikan kolom-kolom yang sudah dibuat tadi, kolom Nama, Jenis, Panjang/Nilai dsb isi sesuai dengan gambar dibawah ini.
Kolom id disesuaikan dengan jenis INT karena INT adalah singkatan dari Interger, panjang/nilai nya tidak usah diisi karena defaultnya nanti adalah 11, Indeks nya juga menggunakan Primary, artinya adalah isi data kolom id tidak akan ada yang sama dengan data yang lainnya, lalu di kolom id di centang juga A_I nya, A_I adalah singkatan dari Auto Increment yang artinya isi kolom id akan terus berurutan ataupun berlanjut walaupun data awalnya dihapus, contoh isi kolom id ada nomor 1,2,3,4,5 dst. Jika id nomor 3 dihapus, lalu user input data, maka id nya akan tetap berlanjut menjadi 6,7,8,9,10 dst walaupun tanpa adanya id nomor 3.
Kolom username dan password menggunakan jenis VARCHAR yang fungsinya untuk menginput data Karakter kedalam database.
Jika sudah diisi semuanya, klik “Simpan” atau “Save”.
8. Kemudian klik tombol “Tambahkan” atau “Insert” di tabel login.
9. Isi kolom username dan password sesuai keinginan anda, untuk kolom id tidak perlu diisi karena sudah Auto_Increment, kalau sudah klik Kirim.
10. Jika sudah silahkan di cek dengan cara klik tabel login apakah sudah benar anda menginputnya.
11. Kalau sudah benar, maka akan muncul seperti ini.
12. Sekarang saatnya ngoding, silahkan ketik ulang codingan di bawah ini, kalau malas boleh saja copas tapi lebih baik untuk ketik ulang agar kedepannya bisa ingat. Buat folder di dalam folder xampp/htdocs/ lalu ketik coding dibawah ini.
<!DOCTYPE html>
<html>
<head>
<title>Belajar Form Login</title>
</head>
<body>
<form action="proses_login.php" method="POST">
<table cellpadding="5">
<tr>
<td>Username :</td>
<td><input type="text" name="user" placeholder="Masukan Username Anda" required></td>
</tr>
<tr>
<td>Password :</td>
<td><input type="password" name="pass" placeholder="Masukan Password Anda" required></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Login"></td>
</tr>
</table>
</form>
<h3>Belum Punya Akun? Silahkan <a href="daftar.php" style="color: blue;">Daftar</a></h3>
</body>
</html><?php
mysql_connect('localhost', 'root', '');
mysql_select_db('belajar');
$username = $_POST['user'];
$password = $_POST['pass'];
$query = mysql_query("SELECT * FROM login WHERE username = '$username' AND password = '$password'");
$rows = mysql_num_rows($query);
if ($rows == 1) {
header("location: berhasil_login.php");
}
else{
header("location: gagal_login.php");
}
?> <h2>Selamat! Anda Berhasil Login</h2>
<a href="index.php" style="color: blue;">Logout</a> <form action="proses_daftar.php" method="POST">
<table cellpadding="5">
<tr>
<td>Username :</td>
<td><input type="text" name="username" placeholder="Masukan Username Anda" required></td>
</tr>
<tr>
<td>Password :</td>
<td><input type="password" name="password" placeholder="Masukan Password Anda" required></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Daftar"></td>
</tr>
</table>
</form> <?php
mysql_connect('localhost', 'root', '');
mysql_select_db('belajar');
$user = $_POST['username'];
$pass = $_POST['password'];
mysql_query("INSERT INTO login VALUES(NULL, '$user', '$pass')");
header("location: index.php");
?> <h3>Username dan Password Anda mungkin Salah, <a href="index.php" style="color: blue;">Klik</a> Untuk Login kembali</h3> 
berat om templatenya
ReplyDeletetemplate nya berat gan :)
ReplyDelete