CodeIgniter Part 5 : Membuat Template Web Dengan CodeIgniter


Membuat Template Web Dengan CodeIgniter

Pada tutorial CodeIgniter Part 5 : Membuat Template Web Dengan CodeIgniter ini akan di jelaskan tentang membuat template website sederhana dengan menggunakan codeigniter. pada tutorial ini akan di jelaskan tentang cara menggunakan teknik multiple view pada codeigniter untuk membuat template website yang dinamis, sama seperi menggunakan include() pada bagian header dan footer pada penggunaan PHP native, tetapi di codeigniter kita membuat nya dengan men-load view codeigniter yang kita pisah-pisahkan sesuai keinginan, misalnya anda bisa memisahkan bagian header, footer, sidebar dan konten untuk mencegah pengulangan penulisan syntax dan memudahkan dalam hal memodifikasi temlate website. Membuat Template Web Dengan Codeigniter

Cara Membuat Template web dengan multiple view codeigniter

buat sebuah controller yang menampilkan sebuah view. di sini saya membuat controller web.php dan sebuah view dengan nama v_index.php.  Membuat Template Web Dengan Codeigniter

application/controller/web.php

kemudian buat view v_index.php

oh iya jangan lupa untuk setting base_url() codeigniter nya terlebih dulu agar kita bisa menghubungkan codeigniter dengan file css. file css nya saya buat pada folder project di dalam folder malasngoding/assets/css/style.css

setting base_url() buka pada file config.php di application/config/config.php

setting dengan alamat project anda masing-masing. kemudian dapat di perhatikan pada contoh di atas bahwa untuk menghubungkan dengan file css dengan bantuan base_url().

jadi hasil dari <?php echo base_url() ?>assets/css/stylecss adalah htt://localhost/malasngoding/assets/css/style.css. (sesuai dengan letak file css kita). karena kita menggunakan base_url() codeigniter, maka kita perlu mengaktifkan juga helper url seperti yang sudah saya buat pada controller web.php. saya mengaktifkan helper url pada function construct().

 

dan jalankan controller web.php untuk melihat hasil dari template sederhana kita.

membuat template web dengan codeigniter

membuat template web dengan codeigniter

nah, tampilan web sederhana pun berhasil kita buat pada codeigniter. tapi halaman ini belum dinamis. kita masih perlu membuat bagian header dan footer secara berulang-ulang pada halaman lainnya. caranya kita harus memecah template ini menjadi beberapa bagian. yaitu header dan footer. sehingga template sederhana ini menjadi sebagai berikut. Membuat Template Web Dengan Codeigniter

application/view/v_header.php

application/view/v_footer.php

application/view/v_index.php

sekarang template ini sudah menjadi tiga view dan cara memanggilnya dengan cara memanggil view secara berurut. dari v_header, v_index dan kemudian v_footer

application/controller/web.php

dan hasilnya juga akan sama, tetapi kelebihannya kita bisa dengan mudah membuat halaman lain dan tinggal memanggil v_header dan v_footer, hanya perlu mengganti v_index untuk halaman lainnya. Membuat Template Web Dengan Codeigniter

membuat template web dengan codeigniter

membuat template web dengan codeigniter

perhatikan lagi pada hyperlink pada menu template di atas yang sudah saya setting untuk menuju method index dan method about. membuat tampilan web dengan CodeIgniter

sekarang buat sebuah view lagi dengan nama v_about.php

application/view/v_about.phhp

dan tambahkan lagi method about pada controller web untuk membuat halaman baru

dan sekarang jalankan lagi pada browser,klik pada menu about atau bisa mengakses langsung http://localhost/malasngoding/index.php/web/aboutmembuat tampilan web dengan CodeIgniter

cara membuat tampilan web dengan codeigniter dengan multiple view

cara membuat tampilan web dengan codeigniter dengan multiple view

Kesimpulan

dengan membuat template web dengan multiple view atau memecahkan template menjadi beberapa bagian dan kemudian memanggilnya secara berurutan seperti contoh di atas yaitu dengan memanggil view header, index dan kemudian footer, maka akan memudahkan kita karena tidak perlu menuliskan syntax berulang-ulang misalnya tidak perlu lagi membuat header khusus untuk halaman index dan tidak perlu juga membuat header lagi untuk about. intinya header dan footer dapat di gunakan secara bersama-sama dan hanya bagian konten nya saja yang berubah-ubah sesuai keinginan dengan cara memanggilnya pada method controller web.

Sekian tutorial cara membuat tampilan web dengan CodeIgniter.

Incoming search terms:

  • pengertian multiple view
  • cara membuat website dinamis dengan codeigniter
  • membangun website dengan ci
  • jelaskan multiple view
  • template web CI
  • web dinamis dengan code igniter
  • cara membuat template codeigniter
  • cara membuat header dan footer di bootstap ci
  • template codeigniter
  • buat halaman depan di coeigniter




About the author
Diki Alfarabi Hadi

Coding enthusiast. Someone who love learn something new. especially about web programming and web design. happy to share about knowledge and learn from other.


Discussion
  • 4 Comments
  • arcachild 1 year ago

    terima kasih om telh banyak berbagi,
    klo boleh saran. untuk setiap tutorialnya dikasih link download source + dibuat dlm bntuk .pdf agar lebih mempermudah dalam belajarnya, terima kasih skali


    • admin 1 year ago

      terima kasih pak atas sarannya, akan menjadi masukan buat saya..


  • Fandy 1 year ago

    sumpah keren ini 🙂 sukses terus mas



Write a Comment

Your email address will not be published. Required fields are marked *