Login Form dengan CodeIgniter 4 - AhmadNurRofi/Tekweb_Login GitHub Wiki

tekweb pada CodeIgniter 4 memiliki struktur yang agak berbeda dengan pendahulunya CodeIgniter 3 dimana menjalankan localhost menggunakan perintah php spark serve dan membuka halaman dengan http://localhost:8080, pembuatan form login pada CodeIgniter 4 merupakan tantangan baru bagi saya dalam membuat Authentication, login & logout

langkah Membuat Form Login Authentication pada CodeIgniter 4

  • mendownload CodeIgniter 4 pada web resminya yaitu codeigniter.com
  • mendownload template, disini saya menggunakan tamplate dari stisla, yang saya download pada web getstisla.com
  • unpack semua yang sudah di download tadi dan memindahkannya pada folder c/xampp/htdocs
  • untuk folder stisla di letakan pada c/xampp/htdocs/login/public/tamplate(buat folder)
  • selanjutnya membuat database dengan nama ci dan table user seperti berikut tekweb_pack1
  • selanjutnya masuk ke Visual Studio Code, pertama ubah/rename file env menjadi .env untuk mengkoneksikan pada database yang sudah di buat tadi tekweb_login
  • selanjutnya masih mengoneksikan db pada App/config/database.php tekweb_login1
  • setelah terkoneksi edit pada App/config/router.php untuk meroute ke halaman login tekweb_login2
  • setelah semua konvigurasi koneksi db selesai, selanjutnya membuat Model tekweb_login3
  • buat Controllers untuk login tekweb_login4
  • untuk controler home di ubah sedikit dengan menglink ke "v_masuk" tekweb_login5
  • selanjutnya membuat tampilan dengan tamplate tadi pada App/view/v_login.php dan beberapa tamplate yang di arahkan ke source folder tamplate tekweb_login6
  • selanjutnya membuat tampilan masuk atau home dengan tamplate tadi pada App/view/v_masuk.php dan beberapa tamplate yang di arahkan ke source folder tamplate tekweb_login7

Hasil Form Login CodeIgniter 4 dengn Tamplate Stisla

  • Tampilan login tekweb_output

  • Tampilan gagal login tekweb_output1

  • Tampilan setelah Login tekweb_output2

  • Tampilan Logout pada dropdown profil tekweb_output3