Selamat datang di blog saya, pada blog kali ini saya akan menjelakan cara-cara untuk membuat halaman login dengan PHP dan MySQL, untuk kamu yang baru belajar!
![]() |
contoh gambar |
Baik, langsung saja kita ke pembahasan cara-cara membuat halaman loginnya:
- Yang pertama pastikan kalian semua memiliki aplikasi XAMPP, fungsi aplikasi XAMPP adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Intinya tanpa aplikasi ini kalian gakbisa untuk belajar membuat halaman login sederhana. Kalau kalian belum punya aplikasinya bisa download terlebih dahulu.
- Setelah itu kalian bisa membuka aplikasin XAMPP dengan pengaktifkan tombol Apache dan Mysql seperti gambar dibawah ini.
- Langkah selanjutnya adalah membuat database atau basis datanya dengan cara klik browser kalian dengan ketik di browser alamat http://localhost/phpmyadmin. Lalu pada menu “Basis Data”, silahkan masukkan nama database yang diinginkan, kemudian klik “Buat". Contoh gambar:
-
- Yang harus diperhatikan pertama adalah kalian membuka aplikasi Notepad++ atau Dreamweaver ataupun Sublime Text(terserah kalian).
- Buat file baru dengan nama koneksi.php dan berikan perintah: <?php
$host= "localhost";
$user_name =["root"];
$pass = [""];
$database_name =["db_indra"];
$query = mysqli_connect[$host,$user_name,$pass,$database_name];
if (!$db_link){
echo"Tidak Terhubung";
}
?> Contoh gambar:koneksi.php - Lalu kalian buat file dengan nama ceklogin.php dan masukkan perintah berikut: <?php
session_start();
include "koneksi.php";
$username = $_POST["username"];
$password = $_POST["password"];
$sql="SELECT * FROM admin where username = '$username' and password = '$password'";
$query = mysqli_query($db_link,$sql);
if(mysqli_num_rows($query)!=0)
{
echo "<br>Login sukses";
$data = mysqli_fetch_array($query);
$_SESSION['username'] = $data['username'];
$_SESSION['password'] = $data['password'];
$_SESSION['LOGIN'] = "LOGIN";
header("location:sukses.html");
}
else{
if($pass <> $hasil['password']) {
} else {
$_SESSION['username'] = $hasil['username'];
header("location:gagal.html");
?> Contoh gambar:ceklogin.php - Setelah itu buat file lagi dengan nama index.html. Masukkan perintah berikut: <html>
<title> BELAJAR </title>
<form method ="POST" action="ceklogin.php">
<link rel="stylesheet" type="text/css" href = "style.css">
<center>
<head> FORM LOGIN </head><br>
<body>
<form> <text>Username</text> <input type="text" name="username" placeholder="Usernamae"><br><br>
<text>Password</text> <input type="password" name= "password" placeholder="Password"><br>
<input type="submit" value= "Login">
</form>
</body>
</html>
Contoh gambar:index.php - Setelah itu buat file sukses.html(file ini untuk mengetes apakah sintak yang kamu buat sukses atau gagal, masukkan perintah berikut: <html>
<head>
<body>
<marquee>SUKSES GAN HEHE</marquee>
<center>kembali <a href="index.html">
</body>
</head>
</html> - Dan yang kedua buat file gagal.html(file ini berfungsi sama dengan file admin.html). Masukkan peintah: <html>
<head>
<body>
<marquee>GAGAL LOGIN</marquee>
<center>kembali <a href="index.html">
</body>
</head>
</html>