Tutorial Membuat Form Login Dengan PHP dan MySQL

Untuk membuat halaman login kita bisa memanfaatkan fungsi SESSION untuk mengolah proses login. Misalnya saat login sukses atau berhasil maka akan tercipta sebuah session yang mana session ini akan kita gunakan sebagai pengaman. Karena user yang belum login tidak bisa mengakses halaman tanpa melakukan login.

Yang pertama kali kita buat sebelum membuat halaman login adalah membuat database, tabel user untuk mengisi username dan password.

  • Membuat database

db

  • Membuat tabel user

untitled

  • Mengisi username dan password

untitled2

  • Masuk di localdisc(C:) > Xampp > htdocs dan buat folder baru beri nama login
  • Untuk aplikasi ngodingnya saya menggunakkan note pad++ dan buat file index.php dan simpan di folder login

index

  • Buat file php untuk menghubungkan ke database dan simpan beri nama keneksi.php

koneksi

Hal ini dilakukan karena username dan password di database, dan akan melakukan pencocokan username dan password yang telah diinputkan didatabase.

  • Buat file php untuk proses login agar masuk ke halaman user dan simpan beri nama proses.php

pros

Session_start untuk memulai session, kita mengincludekan file koneksi.php kedalam file ini agar dapat terkoneksi dengan database, kemudian menangkap data dari form input yang kemudian mengubahnya ke bentuk variabel untuk memudahkan kita dalam mencocokanĀ  dengan pengecekan query.

Untuk mysql_query digunakan untuk mengambil data atau melakukan pencocokan pada tabel user dimana username pada database sama dengan username pada inputan dan password pada database sama dengan password pada inputan.

Jika data pada inputan sama dengan data pada database maka akan di alihkan ke halaman user.

  • Buat file user.php

us

  • Buat file logout.php untuk keluar dari halaman user

log

Cara kerja logout ini adalah untuk menghapus semua session yang ada, kemudian dialihkan ke halaman awal.

  • Setelah kita ngoding kemudian kita buka dibrowser dan ketikkan localhost/login, akan muncul seperti gambar dibawah ini

login

  • Dan ketika login sukses maka muncul halaman user

tesSekian dari tutorial saya, terimakasih šŸ˜€

 


Share This