Tutorial Membuat Template Web Dengan CodeIgniter

Cloud VPS
Admin Tutorial
Latest posts by Admin Tutorial (see all)

Hai, ketemu lagi di tutorial codeIgniter. Disini akan membahas bagaimana cara membuat template web dengan teknik multiple view lewat codeIgniter sehingga terlihat dinamis. Langsung aja yuk ke panduannya.


STEP 1. Buat satu controller yang menampilkan sebuah view, sebagai contoh web.php dan sebuah view dengan nama v_index.php. Buka application/controller/web.php seperti berikut :

  
  

STEP 2. Lalu kamu buat view v_index.php seperti dibawah ini

  
  

STEP 3. Setting base_url() dan buka pada file config.php di application/config/config.php

  
  

STEP 4. Setting dengan alamat project kamu, kemudian perhatikan contoh diatas untuk menghubungkan file css dengan bantuan base_url().

  
  

Hasil dari assets/css/stylecss adalah htt://localhost/sobatjagoan/assets/css/style.css. Jangan lupa aktifkan juga helper url seperti yang sudah dibuat pada controller web.php pada function construct().

Setelah tampilan web sederhananya berhasil, kamu sekarang bisa memecah template menjadi beberapa bagian agar web kamu kelihatan dinamis dan apik. Memecah template dengan bagian header dan footer.


STEP 5. Untuk membuat header melalui application/view/v_header.php

  
  

STEP 6. Untuk membuat footer melalui application/view/v_footer.php

  
  

Untuk membuat index melalui application/view/v_index.php

  
  

Nah sekarang template kamu sudah terbagi menjadi tiga bagian, untuk memanggilnya kamu bisa melalui application/controller/web.php.

  
  

Kalau kamu ingin melihat hasilnya kamu bisa cek di view, dengan v_header, v_footer. Untuk melihat method index dan method about, kamu cukup lakukan seperti ini:

  
  

Kamu bisa lakukan ini untuk membuat sebuah view dengan nama v_about.php Application/view/v_about.phhp

  
  

STEP 7. Tambahkan lagi method about pada controller web untuk membuat halaman baru

  
  

STEP 8. Yang terakhir untuk melihat keseluruhan hasil yang kamu buat tadi, kamu bisa buka browser dengan akses langsung http://localhost/sobatjagoan/index.php/web/about


Nah, ternyata gampang kan, Yuk simak terus Tips Hosting di halaman tutorial Jagoan Hosting Indonesia ya, jika ada bagian dari tutorial yang tidak ditemukan, kamu bisa menghubungi teman-teman di Jagoan Hosting supaya bisa dibantu lebih lanjut melalui Live Chat

 

Apakah artikel ini membantu, Sob?

Berikan rating buat artikel ini!

Rata-rata rating 0 / 5. Dari total vote 0

Pertamax, Sob! Jadilah pertama yang memberi vote artikel ini!

We are sorry that this post was not useful for you!

Let us improve this post!

Tell us how we can improve this post?

Related Posts
Tutorial WordPress – Mengatasi Warning: Cannot modify header information

Halo, Sob! Pernahkah kamu mengalami pesan peringatan seperti ini saat instalasi pertama WordPress maupun upgrade WordPress kamu? Warning: Cannot modify Read more

Cara Atasi Fatal Error Allowed Memory Size of Bytes Exhausted

Pengantar Pernahkah kamu mengalami pesan "Fatal error: Allowed memory size of 33554432 bytes exhausted" saat kamu mencoba upload sebuah gambar Read more

Tutorial Mengatasi Fatal Error Undefined Function Is_network_admin()

Pernahkah kamu mengalami error seperti di bawah ini? "Fatal error undefined function is_network_admin()" Biasanya error ini muncul saat kamu melakukan Read more

Tutorial Mengatasi Error Session Joomla dengan Mudah

Tidak di pungkiri lagi, bahwa Joomla adalah sebuah CMS (Content Management System) yang baik untuk membuat website. Namun tak jarang Read more