Beberapa minggu yang lalu aku janji bakal update panduan yang berkaitan dengan bahasa pemrograman PHP.
Karena itu panduan ini aku buat.
Sistem login seperti ini sudah aku pelajari sekitar 3 tahun yang lalu.
Sistem login akan aku ajarin ini simple, tanpa validasi, tanpa desian CSS, dan SESSION.
Jadi, bakal cocok banget buat kamu yang baru mulai belajar PHP.
Kamu bakal lebih gampang fokus ke kodingan PHPnya.
Oke, langsung aja kita mulai panduannya.
1. Panduan Membuat Database
Sebelum lanjut ke tahap pertama, pastikan kamu sudah menyalakan XAMPP kamu.
Pertama, buka halaman PHPMYADMIN.
Kedua, buat Database baru dengan nama dblogin.
Boleh juga nama yang lain, tapi biar kamu nggak bingung dan untuk menghindari error, ikutin aja dulu panduannya.
Ketiga, buat Table baru dengan nama tblogin.
Keempat, buat Column baru, buat 3 kolom dengan rincian sebagai berikut.
| Name | Type | Length | Index | A_I (Auto_Increment) |
|---|---|---|---|---|
| idlogin | INT | PRIMARY | True (Centang) | |
| username | varchar | 50 | False (Kosongin) | False (Kosongin) |
| password | varchar | 50 | False (Kosongin) | False (Kosongin) |
Kemudian, klik Save.
Kelima, klik menu Insert, buat data baru agar bisa langsung kamu coba login nantinya.
Isi dengan data berikut :
| idlogin | username | password |
|---|---|---|
| admin | admin |
Setelah itu, klik Go.
Sekarang semua persiapan sudah selesai. Kita lanjut ke tahap Coding.
2. Tahap Coding
Buka program Sublime Text atau Notepad++ atau program-program sejenisnya.
Terus, buat file baru dengan nama koneksi.php. Isi dengan codingan berikut :
<?php
$conn = mysqli_connect('localhost','root','','dblogin');
?>Simpan di dalam folder htdocs.
Selanjutnya, buat file baru lagi dengan nama login.php. Isi dengan coding ini :
<!DOCTYPE html>
<html>
<head>
<title>Halaman Login</title>
</head>
<body>
<form action="login_submit.php" method="POST">
<input type="text" name="username">
<input type="password" name="password">
<button type="submit">Login</button>
</form>
</body>
</html>Simpan di tempat yang sama dengan file sebelumnya.
Berikutnya, buat file baru lagi dengan nama login_submit.php. Ketik code ini di file tersebut.
<?php
include 'koneksi.php';
$username = $_POST['username'];
$password = $_POST['password'];
$sql = mysqli_query($conn, "SELECT * FROM tblogin where username = '$username' and password = '$password'");
if(mysqli_num_rows($sql) > 0){
echo "<script>alert('Berhasil Login');location.href='index.php'</script>";
}
else{
echo "<script>alert('Login Gagal');location.href='login.php'</script>";
}
?>Simpan di folder yang sama dengan file sebelum-sebelumnya.
Sedikit lagi selesai, sekarang buat lagi file baru dengan nama index.php. Isi dengan script ini :
<!DOCTYPE html>
<html>
<head>
<title>Halaman Index</title>
</head>
<body>
<h1>Ini adalah Halaman Index</h1>
<a href="logout.php">Logout</a>
</body>
</html>Simpan file tersebut.
Terakhir, buat file PHP dengan nama logout.php. Isi file tersebut dengan script berikut :
<?php
session_start();
session_destroy();
echo "<script>alert('Berhasil Logout');location.href='login.php'</script>";
?>Save file dan coba buka file login.php di browser kamu dan login dengan 'username = admin' dan 'password = admin'.
Kesimpulan
Itulah panduan membuat sistem login dengan bahasa PHP yang paling simple dan sudah aku tambahin fungsi logout juga.
Sebenernya, sistem ini masih bisa ditambahin dan disempurnain lagi di bagian :
- SESSION
- Validasi
- Desain
- Dan lainnya..
Tapi, untuk pemula yang baru belajar PHP, ini aja udah cukup kok.
Pelan-pelan aja belajarnya, pantengin terus panduan-panduan PHP selanjutnya di Moccatory.
