MEMBUAT SITUS WEB E-COMMERCE DENGAN PHP, HTML, CSS, DAN JAVASCRIPT #PART 4

• Home Page

Sekarang kita akan membuat homepage untuk user

Controller

Silahkan buat file bernama Home.php didalam folder app/controllers, paste kode dibawah ini ke file tersebut

Model

Buka folder app/models buat file baru bernama Barang_model.php, lalu paste kode dibawah ini ke file tersebut

HTML

Setelah membuat model dan controller nya sekarang kita akan buat template untuk header dan footer. Silahkan buat file bernama header.php di folder app/views/templates dan footer.php di folder yang sama, paste kode dibawah ke masing-masing file.

untuk header.php 

untuk footer.php  

Setelah membuat template nya kita akan buat home pagenya. Silahkan buat folder di folder app/views bernama user didalamnya buat file home.php. Paste kode dibawah ini ke file tersebut.

 JS

Buka folder public/js buatlah folder baru bernama utils, didalam folder utils buat file index.js dan constants.js . Isi dua file tersebut dengan kodingan dibawah ini.

untuk file index.js

 
untuk file constanst.js

Setelah itu buat file namanya index.js di folder public/js, paste kode dibawah ke file tersebut.

CSS

Buka folder public/css dan buatlah 5 file baru bernama:  base.css, home.css, button.css, card.css, nav.css. paste kode dibawah ke file masing-masing.

untuk base.css

untuk home.css

untuk button.css

untuk card.css

untuk nav,css

Assets

Untuk asset seperti gambar dan icon nya download disini, setelah download langsung extract dan taro di folder public, timpa dengan folder assets yang kalian buat tadi.

Sekarang coba cek http://localhost/e-commerce/public/home kalo tampilan nya sudah seperti dibawah ini berarti sudah selesai homepage nya.

Part 5