WEB PROGRAMING II
Langkah cara pembuatan TEMPLATE (TEMPLATING) Web Sederhana :
1. Buatlah sebuah kontroler yang akan digunakan untuk menampilkan view.
Sebagai contoh, buatlah kontroler Web.php lalu simpan di
application/controllers/Web.php
2. Kemudian buatlah 3 buah file view beri nama v_header.php, v_index.php,dan
v_footer.php lalu simpan dalam folder application/views/ kemudian ketik script
berikut :
* v_header.php :
(lanjutan)
* v_footer :
3. Kemudian buatlah stylebuku.css untuk membuat tampilan lebih bagus dan
simpan di dalam folder root seperti berikut: pustaka-boooking/assets/css/.
(lanjutan)
4. Setelah membuat file-file di atas. sebelum di jalankan melalui browser,
terlebih dahulu perlu dilakukan seting base_url( ) untuk memudahkan dalam
menghubungkan file view dengan file css nya.
Setting base_url() pada codeigniter :
1.Untuk melakukan seting base_url( ), dapat dilakukan melalui file config.php
yang ada di dalam application/config/config.php. buka file tersebut lalu cari
baris sintak seperti berikut :
2. Kemudian diubah menjadi $config['base_url'] =
3. Pengaturan di atas mengikuti alamat path projek masing-masing. Kemudian
dapat diperhatikan pada contoh file v_index.php di bagian <head> bahwa
untuk menghubungkan dengan file css, dibutuhkan bantuan base_url( ).
seperti berikut :
4. Hasil perintah di atas akan sama seperti ini :
5. Hal tersebut di atas dikarenakan base_url( ) sudah terlebih dahulu di seting
menjadi “localhost/pustaka-booking”. Ketika base_url( ) sudah diseting atau diubah dari bentuk default menjadi seperti di atas, maka perlu juga dilakukan
pengaktifan helper url. Hal ini dapat dilakukan dengan cara menambahkan
script load helper pada controller Web.php yang sudah dibuat pada bagian construct.
7. Atau bisa juga melalui file autoload.php yang ada di dalam folder
application/config/ kemudian cari baris sintak seperti di bawah ini :
8. Kemudian diubah dengan ditambahkan kata ‘url’ menjadi seperti di bawah :
9. Setelah selesai, bisa dilihat hasilnya dengan menjalankan kontroler Web.php
10. hasilnya seperti gambar di bawah.
Demikian tampilan web sederhana sudah berhasil dibuat pada codeigniter. Template yang dibuat di atas merupakan template dinamis. Maksudnya tampilan header dan footer tidak akan berubah namun bagian konten bisa berubah-ubah.
Contoh untuk membuat halaman lainnya yaitu akan dibuat halam v_about.php. Yang mana link untuk menuju halaman about sudah dibuat sebelumnya pada file v_header.php. Link yang sudah dibuat yaitu Home diseting untuk menuju atau mengakses method index() dan About diseting menuju atau mengakses methode about()
Sekarang buatlah file view lagi dan beri nama v_about.php dan simpan di application/views/v_about.php
Kemudian tambahkan method baru yaitu method about() pada controller Web.php di bawah method index()
Selanjutnya jalankan kembali pada browser dan klik pada menu About atau bisa langsung mengakses ke method about.
Maka hasil nya akan seperti ini saat di jalankan.
Tidak ada komentar:
Posting Komentar