Tutorial Membuat Form Login Dengan Framework CI4 - Okkybuddipratama/tekweb_ci4_1800016013 GitHub Wiki

Tutorial Membuat Form Login Dengan Framework CodeIgniter4 Dan Tampilan Bootstrap Sederhana

1.Untuk memulai,download framework Codeigniter4 terlebih dahulu linknya di: https://codeigniter.com/user_guide/installation/index.html

2.Setelah download extract file hasil download, letakkan di document root web yang akan dibuat,copy semua file dan folder yang ada di folder framework4.0.3 lalu letakan pada (C:\xampp\htdocs)

3.Rename lah nama tersebut dengan project yang ingin kita buat

4.Lalu nyalakan XAMPP

5.Untuk menjalankan gunakan command line console masuk ke folder aplikasi anda, misalnya (C:\xampp\htdocs\sistemlogin) kemudian tuliskan perintah: php spark serve

6.Isi dari file tersebut

7.Ketika berhasil download Codeigniter4 maka tampilan seperti ini jika dibuka

8.Perintah selanjutnya adalah silahkan membuat database dengan nama sesuai project kalian,contoh disini saya menggunakan nama database (dbsistemlogin)

9.Buat sebuah tabel dengan nama user. Struktur tabelnya sebagai berikut

10.Disini saya telah membuat beberapa user nama,email dan password yang akan digunakan pada menu login nanti.

11.Selanjutnya adalah menghubungkan antar database dan project Codeigniter4 dengan sesuai apa nama database yang telah dibuat,App>Config>Database

info Controller adalah barisan kode yang bertugas memproses request yang datang dari user melewati browser dan URL tertentu, dimana Controller mengambil data dan informasi melalui Model atau resource lainnya. Setelah itu Controller menampilkan hasil dari prosesnya ke dalam View sebagai response dari request.

12.Langkah selanjutnya adalah membuat modelnya. Buat sebuah file dengan nama M_User.php,

Fungsi get() berguna untuk melakukan query ke tabel user berdasarkan username yang diinput pada form login.

13.Perintah berikutnya membuat file pada controller

14.Pada controller viewnya untuk mereturnnya kita membuat file terlebih dahulu untuk menampilkan tampilan login form tersebut

15.Lalu membuat file tersebut

16.Disini saya menggunkan template dari bootstrap yang sederhana silahkan diakses https://getbootstrap.com/

*Jika diakses maka tampilan seperti ini dengan localhost:8080/login sesuai dengan nama project kalian masing-masing

17.Pada file form_login.php silahkan diisi dengan script template bootstrap tersebut

18.Lalu kasih code base_url() yang akan menghasilkan sebuah url dasar berdasarkan konfigurasi diisi pada config.php.

19.Lalu jangan lupa kasih name pada masing script untuk pemanggilan pada login form dengan database

20.Kode dibawah ini berfungsi untuk memanggil fungsi get() yang ada di login.php controller untuk mendapatkan data user yang ada didatabase berdasarkan username dan redirect ke halaman selanjutnya

21.Kode dibawah ini adalah untuk membuat session flashdata. Session ini sifatnya hanya sementara, jadi ketika sudah dibaca, maka akan otomatis terhapus dan memberi tahu jika salah tetap di halaman login dan akan muncul peringatan (warning).

22.Langkah Selanjutnya adalah membuat halaman baru ketika user berhasil login makan aka ke redirect ke halaman baru ,dengan langkah sebagai berikut

23.Disini saya menggunakan template pada bootstrap lagi dengan tampilan seperti ini

24.Lalu pada views,file halaman_login.php diisi dengan script code template pada bootstrap tersebut

25.Pada langkah 21 pada form_login untuk memunculkan warning pada tampilan yang apabila user salah memasukan email atau password kasih code sebagai berikut:

26.Mari kita coba langkah dengan login atau password yang salah dan keredirect kehalaman login dengan memunculkan warning

27.Jika user melakukan email dan password yang benar maka akan ke redirect kehalaman_login.php pada views

28.Selanjutnya adalah jika user logout maka akan kembali ke menu login awalan tersebut dengan code:

29.Pada Views juga dibuat agar button logout tersebut berhasil digunakan dengan base_url() kehalaman login form

30.Maka hasil tampilan awalanya kembali semula seperti awal

Terima Kasih,Semoga Bermanfaat 👍