Tutorial Membuat Form Login Sederhana Dengan PHP MySQL
Nah disini saya akan menjelaskan cara membuat form login menggunakan PHP, MySQL (MariaDB), HTML, dan CSS. Untuk membuatnya tidak terlalu sulit jika kalian memahaminya. Form login yang saya buat ini mempunyai desain yang simpel, tidak menggunakan animasi berlebih, jadi jika dibuka tidak akan berat.
Untuk suatu website yang bagus biasanya menggunakan form login ini untuk meningkatkan keamanan suatu website dan memudahkan untuk mengidentifikasi seseorang yang login. Dengan fitur login, suatu website dapat memberikan fitur khusus kepada membernya yang tidak dapat digunakan oleh pengunjung biasa. Maka dari itu saya akan memberikan tutorial untuk membuat fitur login tersebut. Simak baik-baik tutorial dibawah ini.
Pertama, hal yang harus dilakukan adalah membuat file-file phpnya yaitu
Kedua, database dan tabelnya. Disini saya akan membuat tabel admin dengan nama database siswa. Isi seperti ini di cmd.
create table admin(
username varchar(100) not null,
password varchar(100) not null);
username varchar(100) not null,
password varchar(100) not null);
Setelah itu yang harus dilakukan adalah membuat koneksi dengan MySQLnya yang akan dicoding di file koneksi.php
<?php
$host = "localhost"; //host yang kita pakai
$user = "root"; //root adalah user bawaan dari xampp
$pass = ""; //password bisa diisi sesuai yang agan pakai
$name = "siswa"; //nama database yang akan dikoneksikan
$koneksi = mysqli_connect($host, $user, $pass, $name) or die("Gagal terhubung ke database");
$host = "localhost"; //host yang kita pakai
$user = "root"; //root adalah user bawaan dari xampp
$pass = ""; //password bisa diisi sesuai yang agan pakai
$name = "siswa"; //nama database yang akan dikoneksikan
$koneksi = mysqli_connect($host, $user, $pass, $name) or die("Gagal terhubung ke database");
Untuk mengkoneksikan database, gunakan format seperti ini
$variabel = mysqli_connect("localhost","user","passwordnya","nama_database")
keterangan :
- Karena kita memakai hostnya lokal (dari pc sendiri) maka kita gunakan localhost
- untuk variabel $user nya yaitu "root" karena user ini sudah bawaan dari xampp yang kita gunakan
- untuk variabel $pass atau password kita kosongkan saja, karena memang sudah dari xamppnya tidak diberikan password
- Dan untuk variabel $name yang akan diartikan menjadi nama database yang digunakan, disini saya menggunakan nama databasenya "siswa"
Lalu login.php dengan kode seperti ini
<?php include("koneksi.php"); ?>
<!DOCTYPE html>
<html>
<head>
<title>Login</title>
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body style="padding-top: 80px; padding-left: 400px; background-color: #88a090">
<div class='box'>
<center><h3 style="color: white; font-size: 40px; font-family: sans-serif; text-shadow: transparent;">Login</h3></center>
<form method="POST" action="proses-login.php">
<table class="form" style="padding-left: 50px;">
<tr>
<td>
<input type="text" name="username" placeholder="Username" >
</td>
</tr>
<tr>
<td>
<input type="text" name="password" placeholder="Password">
</td>
</tr>
<td>
<br>
<input class="submit" type="submit" name="login" value="Login">
</td>
</tr>
</form>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Login</title>
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body style="padding-top: 80px; padding-left: 400px; background-color: #88a090">
<div class='box'>
<center><h3 style="color: white; font-size: 40px; font-family: sans-serif; text-shadow: transparent;">Login</h3></center>
<form method="POST" action="proses-login.php">
<table class="form" style="padding-left: 50px;">
<tr>
<td>
<input type="text" name="username" placeholder="Username" >
</td>
</tr>
<tr>
<td>
<input type="text" name="password" placeholder="Password">
</td>
</tr>
<td>
<br>
<input class="submit" type="submit" name="login" value="Login">
</td>
</tr>
</form>
</div>
</body>
</html>
Lalu proses form login tersebut dengan file proses-login.php
<?php
include("koneksi.php");
$username = $_POST['username'];
$password = $_POST['password'];
$query = mysqli_query($koneksi,"select * from admin where username='".$username."' and password='".$password."'");
$rows = mysqli_num_rows($query);
if ($rows == 1) {
$_SESSION['login_user']=$username; // Membuat Sesi/session
header("location: index.php"); // Mengarahkan ke halaman profil
} else {
echo "Username atau Password belum terdaftar";
}
include("koneksi.php");
$username = $_POST['username'];
$password = $_POST['password'];
$query = mysqli_query($koneksi,"select * from admin where username='".$username."' and password='".$password."'");
$rows = mysqli_num_rows($query);
if ($rows == 1) {
$_SESSION['login_user']=$username; // Membuat Sesi/session
header("location: index.php"); // Mengarahkan ke halaman profil
} else {
echo "Username atau Password belum terdaftar";
}
Yang terakhir, isi index.php dengan bebas, sesuka agan. Kalo saya akan mengisi seperti ini
<!DOCTYPE html>
<html>
<head>
<title>Selamat Datang!</title>
</head>
<body>
<h1>Welcome, Login Success!</h1>
</body>
</html>
<html>
<head>
<title>Selamat Datang!</title>
</head>
<body>
<h1>Welcome, Login Success!</h1>
</body>
</html>
Bagi yang gak mau ribet, silahkan download source codenya DISINI
0 Response to "Tutorial Membuat Form Login Sederhana Dengan PHP MySQL "
Post a Comment