1.
Buat folder dengan nama URL
dan letakkan dalam folder htdocs
di XAMPP.
2.
Buat tiga folder
baru di dalam
folder URL, dengan
nama model, view, dan controller.
3.
Buat file baru dengan nama index.php kemudian
simpan pada folder URL.
4.
Buat file baru dengan nama Controller.php
kemudian
simpan
pada
folder
controller
5.
Buat file baru dengan nama Model.php kemudian simpan pada folder model
6. Buat file baru dengan
nama login.php dan Afterlogin.php kemudian
simpan pada folder view.
Berikut mengenai code
programnya :
Kode
Program Controller.php
Merupakan
kode yang digunakan untuk memeriksa inputan dan
digunakan memilih aksi apa yang harus dilakukan. menghubungkan model dan
view. merupakan fase awal yang akan diproses
ketika masuk sistem, sebelum request tersebut dilanjutkan ke model atau ke
view.
Jika
login berhasil maka akan masuk pada class afterlogin.php dan jika gagal maka
akan dikembalikan lagi pada class login.php
Kode
Program Model.php
Berfungsi untuk mengontrol data. Model
melakukan proses pengambilan dan
penyimpanan data dari login . jika
data valid (username dan password sesuai) maka login berhasil , dan ketika
gagal maka akan muncul pesan invalid user kemudian user akan diminta untuk
melakukan login kembali .
Kode
Program login.php
Merupakan tampilan interface dari form
login yang kita buat , disini aka dibentuk judul , label user name , label
password , field inputan user dan inputan password serta fungsi button login
dan reset.
Kode
Program Afterlogin.php
Class after login akan dipanggil ketika proses
login telah berhasil ..
Kode
Program index.php
Memproses semua class
yang telah dibentuk . dan file index lah
yang nantinya akan di jalankan
Jalankan
form loginnya dengan cara menjalankan file index.php (http://localhost/URL/index.php)
Tampilan
form login :
Tampilan ketika berhasil login :
Tampilan gagal login
+ komentar + 2 komentar
Gambarnya kurang jelas kak
kok saat buka tampilan pertama kali, tulisan gagal login nya muncul bg...
lihat di sini bg -> https://www.youtube.com/watch?v=XM7fJ6br-Qs&feature=youtu.be