Minggu, 29 April 2018

Membuat View Pada Codeigniter


Pada tutorial sebelumnya kita telah belajar mengenai pengertian serta persiapan cara menggunakan codeigniter. Pada tutorial kali ini, saya akan membuat artikel cara membuat view pada codeigniter. Sebenarnya tutorial kali ini tidak jauh berbeda dengan tutorial saya sebelumnya yang berjudul Pembuatan Halaman Administrator Website Bagian 1, kita juga akan memecah template menjadi tiga bagian berbeda, yang pertama adalah header, kemudian konten, dan terakhir footer.

Membuat View

Disini kita akan menggunakan template dari bootstrap yang bernama starmin, template ini cukup sederhana dan tidak terlalu rumit sehingga mudah untuk dipelajari. Untuk mengunduh template ini, anda bisa menuju link download dibawah : 
Setelah anda mengunduh template diatas kemudian copy file tersebut, lalu selanjutnya adalah masuk kedalam folder project kita. Seperti pada tutorial sebelumnya, folder project kita ada di folder C:\xampp\htdocs\karyawan dan paste-kan file starmin-master.zip kedalam folder karyawan, setelah itu extract file tersebut sehingga akan terlihat seperti screenshot dibawah ini : 


Setelah itu masuk kedalam folder starmin-master dan copy dua file serta folder bernama assets & index.html ke folder root project kita, jika anda sudah melakukannya maka akan terlihat seperti gambar dibawah ini : 


Jika sudah hapus folder dan file starmin-master kemudian masuk ke text editor kita. Disini saya menggunakan sublime text 3 kemudian buka file index.html. Pada file index.html, copy sintaks mulai dari line 1 hingga line 138 kemudian masuklah kedalam folder application/views dan buatlah folder baru dengan nama karyawan, lalu masuklah kedalam folder karyawan dan buat sebuah file dengan nama header.php, paste-kan sintaks yang sebelumnya sudah kita copy kedalam file header.php, jika anda kebingunan dengan langkah diatas, struktur foldernya bisa anda lihat dibawah ini ( kotak merah ) :


Setelah anda membuat file header, langkah kedua adalah membuat file home.php, masih didalam folder views/karyawan buatlah sebuah file dengan nama home.php, kemudian buka kembali file index.html dan copy paste-kan sintaks mulai dari line 139 hingga line 152 kedalam file home.php sehingga file home.php anda akan terlihat seperti gambar dibawah ini : 


Langkah terakhir adalah membuat file footer.php, untuk membuatnya cukup mudah, masih didalam folder yang sama yakni views/karyawan, buatlah file baru dengan nama footer.php. Kemudian buka kembai file index.html, lalu copy paste-kan sintaks mulai dari line 153 hingga line 170 kedalam file footer.php. Nantinya file footer.php anda akan terlihat seperti gambar dibawah ini : 


Setelah langkah diatas anda selesaikan jangan terburu-buru untuk membuka project kita melaui web browser, masih ada satu langkah lagi yaitu membuat controller baru sehingga ketika kita membuka project kita, tidak akan ditampilkan welcome message.

Membuat Controller Pada Codeigniter

Untuk membuat controller baru tidaklah rumit, masuk kedalam folder controllers atau anda bisa menemukannya di application/controllers. Kemudian buatlah file baru bernama Karyawan.php. Perlu diingat, setiap membuat controller baru wajib menggunakan huruf kapital diawal nama file, selain itu nama class juga harus diawali dengan nama file dengan huruf kapital diawal nama class. Setelah itu buka file Karyawan.php dan isikan sintaks dibawah ini kedalam file tersebut : 

Karyawan.php

Penjelasan singkat sintaks diatas : 
  • Class Karyawan extends CI_Controller : class karyawan adalah class turunan dari CI_Controller
  • __construct : ini merupakan function pertama yang akan dijalankan ketika membuka class karyawan
  • index() : function ini adalah function untuk meload file header, content, dan footer. Selain itu function ini bisa dijalankan tanpa mengetikan nama function di url kita.
Setelah anda membuat dan mengisikan sintaks pada file karyawan, langkah selanjutnya adalah mengubah default controller project kita. Caranya cukup mudah, pertama buka file routes.php yang ada didalam folder application/config. Kemudian pada bagian default_controller, isikan controller yang sebelumnya kita buat yakni Karyawan, atau anda bisa melihat screenshot dibawah ini : 


Setelah itu simpan file routes.php dan coba untuk membuka project kita melalui url http://localhost/karyawan/. Maka akan tampil seperti tampilan dibawah ini : 


Itulah tutorial kedua yang berjudul Membuat View Pada Codeigniter. Semoga tutorial ini bisa membantu anda, untuk tutorial selanjutnya bisa anda baca besok karena saya malaz nuliz ea mhamhanx. Terimakasih semoga bermanfaat!.

Related Posts

Membuat View Pada Codeigniter
4/ 5
Oleh