Membuat Form Login dengan Code Igniter 4 - lisaapriliani/tekweb1800016117_CI4 GitHub Wiki

ci4

Pengenalan code igniter

Codeigniter merupakan framework PHP untuk membangun aplikasi berbasis web.

Codeigniter sendiri memberikan 3 pilihan. yaitu: Codeigniter 2, Codeigniter 3, dan Codeigniter 4.

Installasi Code Igniter 4

a. Code Igniter dapat diunduh di web resmi code igniter https://codeigniter.com/download atau dapat diunduh di https://codeigniter.com/user_guide/installation/index.html

b. Ekstrak hasil download, letakan file di xampp htdocs. CI

c. Untuk mengecek hasil installasi menggunakan browser dan buka alamat http://localhost:8080

localhost

welcome to codeigniter 4

### Langkah-langkah membuat form login

  1. Buat tabel database nya terlebih dahulu dengan menggunakan php myadmin atau sqlyog. Pada browser ketikan alamat http://localhost/phpmyadmin/. Isi datanya untuk dijadikan sampel pengguna

    make a database

  2. Buka folder Code Igniter di code editor, kali ini saya menggunakan Visual Code. Buka folder Config buka file Database.php lalu hubungkan dengan database yang telah kita buat di phpMyAdmin. Setting hostname, user, dan nama databasenya nya seperti berikut. Nama database menyesuaikan nama database yang akan kita hubungkan.

    database

  3. Buka Folder Models, lalu klik kanan -> New File. Buat model user dalam folder Models dan beri nama M_user

    m_user

  4. Copy template dari folder Controller -> Home.php lalu paste di file M_user. Lalu lengkapi kodenya seperti berikut

    muser

  5. Lalu buat new file user_form.php dalam folder Views. user_form berisi kode html yang menampilkan form ketika user akan melakukan login. Untuk form saya menggunakan bootstrap, copy kode dan paste di user_form dan buat fungsinya seperti berikut

    copas form nya

  6. Tambahkan method POST pada user_formnya

    formssssss

  7. Buat Controller Login.php

    loginnnnn

  8. Buat tampilan setelah login berhasil, buat file user_dashboard.php dalam folder view.

    dashboard

  9. Lalu buat Controller User.php

    userrrrrrrrrrrr

  10. Untuk logout kita tambahkan function dalam Login.php

    logou

  11. Tambahkan fungsi logout pada button logout

    logouttt

  12. Jalankan pada browser dengan alamat http:/localhost:8080/Login

    loginnnnnnnnnz

  13. Isi form sesuai dengan database

    emmmmmmmmmmmmmm

  14. Lalu kita akan membuat warning / alert ketika username / password salah.

    warning

  15. Pada user_form.php tambahkan session seperti berikut di akhir form

    session

  16. Pada Controller Login.php tambahkan kode sebagai berikut

    salah

  17. Ketika login berhasil lalu akan diarahkan ke halaman dashboard. Ketika button logout di klik akan kembali ke halaman login.

    hello s

  18. Untuk membuat judul halaman dashboard menyesuaikan dengan username pengguna tambahkan session pada user_dashboard

    dashboaaaaaaaaaaaaaaaaaaaaaaaaaaard

  19. Ketika login halaman akan otomatis menyesuaikan username yang login.