Kamis, 03 Oktober 2024

Cara Membuat Halaman Login Tanpa Menggunakan Database dengan Gaya Modern dan Responsif


    


 Membuat halaman login sederhana tanpa menggunakan database sering kali digunakan untuk proyek kecil atau demo yang tidak memerlukan autentikasi pengguna yang kompleks. Dalam artikel ini, kita akan membuat halaman login sederhana yang memeriksa kredensial (username dan password) menggunakan hardcoded value dalam kode PHP. Halaman ini juga didesain dengan tampilan modern dan responsif menggunakan framework CSS Bootstrap.

Berikut kode untuk (login.php) 

 




Penjelasan Kode:

  1. HTML & Bootstrap: Kode ini menggunakan Bootstrap untuk membuat tampilan login yang responsif dan modern. Form login memiliki dua input untuk username dan password, serta tombol login.

  2. PHP Login Logic:

    • Setelah form dikirim dengan metode POST, PHP akan memeriksa apakah username dan password yang dimasukkan sesuai dengan kredensial yang disimpan secara hardcoded.
    • Jika username dan password sesuai, maka pesan sukses akan ditampilkan. Jika tidak, pesan kesalahan akan muncul.
  3. Penggunaan di Lingkungan Nyata: Halaman login ini adalah contoh sederhana tanpa menggunakan database. Untuk aplikasi nyata, lebih baik menggunakan metode yang aman seperti hashing password dan penyimpanan kredensial di database.


Catatan: username : admin   ,  Password : admin123  

Link Pengujian dan Download DISINI!!

 


Kesimpulan

Halaman login sederhana tanpa menggunakan database ini adalah solusi cepat dan praktis untuk kebutuhan demo atau proyek kecil. Desain yang responsif dan modern dibuat mudah dengan penggunaan Bootstrap, sementara validasi login yang simpel dilakukan menggunakan PHP. Pastikan untuk tidak menggunakan metode ini di lingkungan produksi tanpa memperhatikan aspek keamanan lebih lanjut.

 

Tidak ada komentar:

Posting Komentar

Membuat Dashboard Data Center dengan Menu Ikon Responsif

       Artikel ini akan membahas cara membuat halaman dashboard untuk pusat data yang memiliki tampilan modern, responsif, dan dilengkapi de...