Tahap 2 - Login
Catatan Pengerjaan: Berdoa, Teliti, Santai
Tutorial ini dari part 2 hingga 5 tidak memakai CSS, Jika Anda ingin memakai CSS anda bisa melihat part 6 dan membuat CSS nya terlebih dahulu.
Kalian buat folder baru dengan nama e-commerce di directory C:/xampp/htdocs,
Kemudian buka Code Editor *Usahakan menggunakan Visual Studio Code agar sama.
Lalu klik File > Open Folder > Pilih folder e-commerce yang kita buat sebelumnya.
Kemudian download source img DISINI, Setelah download pindahkan folder tersebut ke dalam folder e-commerce (C:/xampp/htdocs/e-commerce)
Cara buat file php di VSCODE
1. Buatlah file koneksi.php, dan isi script seperti gambar dibawah
Script tersebut menghubungkan project kita dengan database e-commerce *jangan lupa aktifkan
Apache &
MySQL di
XAMPP seperti
Tahap 1
2. Buatlah file
index.php, dan isi script seperti gambar dibawah
Kegunaan file ini untuk halaman utama kita.
3. Buatlah file
login.php, dan isi script seperti gambar dibawah
Kegunaan file ini untuk halaman login.
4. Buatlah folder proses dan buat file cek_login.php di dalam folder tersebut. Kemudian isi script seperti gambar dibawah
Kegunaan file ini untuk memproses hasil input form dari halaman login.php. Coba lihat kembali pada step yang ke 3, pada file login.php terdapat sebuah tag form dengan action="proses/cek_login.php" yang menandakan form tersebut akan diseleksi di file cek_login.php
5. Buatlah folder admin dan buat file admin.php di dalam folder tersebut. dan isi script seperti gambar dibawah
Kegunaan file ini khusus untuk halaman admin.
6. Buatlah file logout.php didalam folder admin
Kegunaan file ini untuk Logout, Menghapus Session yang aktif.
Fungsi dari header("location:"); untuk mengredirect / mengarahkan ke halaman yang dituju, pada gambar tersebut tertulis index.php yang berarti akan menuju halaman index.php setelah Logout.
Selesai sudah tahap 2 membuat fitur Login, untuk tahap selanjutnya kita akan membuat fitur Kelola Data Printer
0 Komentar