CI (CodeIgniter) Untuk Membuat Website (bag2)

Melanjutkan belajar membuat website menggunakan CodeIgniter atau CI bagian ke 2. Sebelum ke tahap ini diharapkan sudah mencoba belajar pada CodeIgniter Untuk Membuat Website (bag1) tutorial sebelumnya.

CodeIgniter (CI)
CodeIgniter (CI)

Siapkan template untuk tampilan website toko online yang akan dibuat.
Link download template1 Disini
Link download template2 Disini

Implementasikan template yang sudah didownload. Ekstrak file templateTokoOnline.zip. Buka folder templateTokoOnline. Copy kan folder “shop-cart” ke folder XAMPP/htdocs. Buka browser ketikkan url http://localhost/shop-cart

Tampilan Template
Tampilan Template

Integrasi template dengan CodeIgniter

– Buka folder “shop-cart” template
– Copy folder assets, style.css, favicon.ico ke dalam folder CodeIginiter “toko_online

Sekarang fokus ke folder project “toko_online
– Buka folder “application”
– Buka folder “config”
– Buka file “config.php
– Ubah $config[‘base_url’] = ”;  menjadi $config[‘base_url’] =http://localhost/toko_online/
– Buka file “routes.php”
– Ubah $route[‘default_controller’] = “home”
– Copykan file “index.html” dengan mengganti nama menjadi “home.php” yang ada dalam folder template “shop-cart” ke dalam folder “view” yang ada dalam folder “toko_online/application
– Masuk ke folder “application/controllers
– Buat file “home.php
– Ketikkan coding berikut :

Jalankan kembali dibrowser dengan url “http://localhost/toko_online

Tampilan Home CI Menggunakan Template
Tampilan Home CI Menggunakan Template

Jika berhasil maka ketika dijalankan akan tampil sesuai screenshoot diatas.

Selanjutnya mengatur konfigurasi url.
– Buka folder “application/config
– Buka file “autoload.php
– Ubah menjadi $autoload[‘helper’] = array(‘url’);

Memisahkan antara header, body, footer pada view.
Masuk ke folder view
– Buka file home.php
– Ubah coding home.php seperti berikut :

– Buat file “req_footer.php
– Ketikkan coding berikut ini :


		

Jalankan kembali toko_online menggunakan CodeIginiter pada browser "http://localhost/toko_online"

nb : base_url() -> digunakan untuk pemanggilan url yang ada pada konfigurasi config.php.

Lakukan hal yang sama untuk semua template yang ada. Selamat mencoba ketemu lagi untuk konfigurasi database pada MySQL Database koneksi dengan CodeIgniter selanjutnya. Selamat mencoba, Happy Coding :)

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *