Form Login - Salsabiella/prak2-tekweb1800016031 GitHub Wiki

Membuat Form Login dengan Framework Codeigniter 4

1. Download terlebih dahulu Framework Codeigniter 4

2. Setelah itu extract file tersebut dan di beri nama CI, letakkan file tersebut kedalam folder htdocs (xampp/htdocs)

3. Aktifkan XAMPP Control Panel, kemudian tes intallasi ci dengan ketikkan perintah "php spark serve", untuk mengetes hasil intallasi buka browser dengan url http://localhost:8080

   

4. Membuat database

   Membuat database dengan nama praktikum dan tabel dengan nama user

   Insert data kedalam tabel

   

5. Melakukan konfigurasi pada framework codeigniter, dengan buka folder xampp/htdocs/ci/

   • Buka file database.php , dan ubah menjadi seperti ini

     yang diubah username dan database saja, untuk username diisi root dan database diisi sesuai dengan nama database yang telah dibuat

     

   • Buka file env dan ubah nama menjadi .env

     

     

6. Membuat Model

   Membuat file baru dengan nama M_user.php, lalu simpan pada folder xampp/htdocs/ci/app/models

   

   fungsi get untuk melakukan query ke tabel user berdasarkan username dan password

7. Membuat Controller

   Membuat controller untuk proses login dan logout, membuat file dengan nama Login.php, lalu simpan pada folder xampp/htdocs/ci/app/controllers

   fungsi index() untuk memanggil user_form pada view, fungsi login_actio() untuk jika masuk dengan username dan password benar akan masuk kehalaman user, jika salah akan tetap berada di halaman login form. Fungsi logout() untuk kembali ke halaman login

8. Membuat Form Login

   Membuat file baru dengan nama user_form.php, lalu simpan pada folder xampp/htdocs/ci/app/views

   

   session()->getFlashdata('gagal') berfungsi untuk menampilkan pesan gagal jika salah memasukkan useremail dan password

9. Membuat Controller setelah Login

   Ini digunakan untuk mengakses halaman setelah login dan membuat file dengan nama User.php, lalu simpan pada folder xampp/htdocs/ci/app/controllers

   

   fungsi index() untuk memanggil user_view pada view

10. Membuat Form setelah Login

    Membuat tampilan Hello yang akan ditampilkan setelah login dan membuat file dengan nama user_view.php, lalu simpan pada folder xampp/htdocs/ci/app/views

    

    session()->get('user_nama') berfungsi untuk menampilkan usernama sesuai dengan query table user berdasarkan usernama

11. Setelah itu buka browser dan ketikkan http://localhost:8080/login

    • Output login

      

    • Output setelah login, jika memasukkan username dan password yang benar. Apabila ingin keluar tekan tombol Logout dan akan kembali kehalaman Login

    • Jika memasukkan username atau password yang salah akan tetap berada dihalaman login

Mengunggah file ke github