Artikel, Bootstrap, Free Download, MySQL, PHP, PHP Sistem, Project, Umum

Extremely simple Login, Logout and Session using PHP

Sesuai dengan judulnya, postingan kali ini kita akan membahas tentang pembuatan halaman Login, Logout dan Session menggunakan PHP.  Postingan ini tentunnya tertuju untuk pemula yang sedang belajar Pemrograman Web Dasar menggunakan Bahasa Pemrograman PHP, baik pada jenjang sekolah, perkuliahan atau kejuruan lainnya.

# Persiapan

  1. Sistem Operasi, gunakan sesuai kesukaan anda.
  2. XAMPP atau Aplikasi sejenis yang penting mudah dan menyenangkan.
  3. Editor, saya menggunakan Sublime Text.
  4. Browser, Of course important.

# Database

Asumsi saya, anda telah selesai untuk urusan database, saya selalu membahas penyimpanan data terlebih dahulu dalam sesi perkuliahan. Tentunya harus tuntas dan memahami hal-hal penting dalam membangun database beserta perintah-perintah dasar. Sesi ini kita menggunakan MariaDB sesuai dengan bawaan XAMPP versi 7.3.12 yang saya gunakan. Yaps, you know, perintah-perintah MariaDB juga support untuk MySQL. Atur database anda sesuai dengan gambar dibawah ini.

# Koneksi

Buat sebuah file untuk koneksi ke database, biasanya saya membuat sebuah dengan nama koneksi.php. Ada 2 jenis perintah pada PHP agar terhubung dengan database MariaDB atau MySQL yaitu

  • mysqli
  • PDO

Kita akan gunakan perintah PDO untuk penggunaan yang lebih luas nantinya.

[php]
session_start();

$dbhost = "localhost";
$dbname = "namadatabase";
$dbuser = "root";
$dbpass = "";

$koneksi = new PDO ("mysql:host=" . $dbhost . "; dbname=" . $dbname . "", $dbuser, $dbpass);
[/php]

Baris-baris perintah diatas kita gunakan untuk terhubung ke database MariaDB, perhatikan baris session_start(), perintah ini akan kita gunakan nanti saat Login, fungsinya untuk mengingat data yang kita masukkan. Silakan lihat penjelasan manualnya di https://www.php.net/manual/en/reserved.variables.session.php

# Halaman Utama

Desain halaman utama sesuai kebutuhan, saya yakin desain masing-masing pasti berbeda, yang pasti sesuiakan dengan kebutuhan. Dalam Project sederhana ini, saya menggunakan CSS Framewok Bootstrap https://getbootstrap.com versi 4.4.1 untuk desain lebih simple and easy. Halaman utama kita beri nama file index.php, nama ini wajib karena menggunakan server Apache yang terdapat di dalam XAMPP.

# Login

Selanjutnya Halaman Login, desain Halaman login dan gunakan perintah berikut untuk memeriksa data yang dimasukkan pada halaman login.

[php]
if (isset($_POST['t_login']))
{

    $u_name = htmlentities($_POST['i_name']);
    $u_pass = htmlentities($_POST['i_pass']);
    
	$sql = "SELECT * FROM tb_user 
	WHERE user_name = :user_name 
	AND user_pass = PASSWORD(:user_pass)";

	$stmt = $koneksi->prepare($sql);
	$stmt->bindParam("user_name", $u_name);
	$stmt->bindParam("user_pass", $u_pass);
	$stmt->execute();

	if ($stmt->rowCount() > 0)
	{
		$result = $stmt->fetch();
		$_SESSION['user_name'] = $_POST['i_name'];
		$_SESSION['user_nama_lengkap'] = $result['user_nama_lengkap'];
		header("location:index.php");
	} else {
		sleep(5);
		header("location:index.php");
	}
}
[/php]

Perhatikan baris $_SESSION[‘user_name’] dan $_SESSION[‘user_nama_lengkap’] pada baris-baris perintah tersebut diatas, Ketika login berhasil maka data username dan nama lengkap pengguna yang login akan diingat oleh browser. Saat dihalaman utama, anda bisa menampilkan session ini seperti pada contoh berikut ini

Selamat Datang <strong><?php echo $_SESSION['user_nama_lengkap']; ?></strong>

# Logout

Setelah kebutuhan sistem anda lengkapi, terakhir buat perintah untuk logout. Anda bisa membuatnya dalam bentuk fungsi khusus atau dalam bentuk satu file denga nama logout.php. Tambahkan baris perintah berikut untuk logout keluar dari sistem.

[php]
session_start();
session_destroy();

header("location:index.php");
[/php]

Kesimpulan

Setelah mengikuti langkah-langkah tersebut diatas, cukup sederhana untuk membuat halaman Login, Logout dan menggunakan Session bagi pemula. Perlu diingat, jika anda telah mahir, tentunya tidak lagi menggunakan cara sederhana ini. Semoga postingan ini bermanfaat, silakan komentar untuk berdiskusi, bagikan kepada teman-teman untuk ilmu yang berkelanjutan.

#

Download Full Source Code

#

About Suendri

Owner Gosoftware Media sebelumnya bernama Phpbego Foundation

Discussion

No comments yet.

Tinggalkan Komentar

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

Follow Gosoftware Media Blog on WordPress.com

Enter your email address to follow this blog and receive notifications of new posts by email.

Join 816 other followers

Archives

%d bloggers like this: