Menu

Membuat Halaman Web Apa Kabar Dunia dengan CodeIgniter

Setelah kita mengenal framework CodeIgniter, selanjutnya kita akan mencoba bagaimana membuat halaman web yang menampilkan tulisan “Apa kabar dunia?”.  Sebelumnya, pastikan sudah mendownload framework CodeIgniter langsung dari situs resmi CodeIgniter. Apabila sudah didownload, copy dan paste ke web root webserver misalnya di folder www untuk Wamp, lalu ekstrak dengan pilihan Exrtact Here, jika sudah berhasil diekstrak selanjutnya rename/ganti namanya menjadi misalnya latihan_ci. Lihat gambar di bawah ini:

Install CodeIgniter

Kemudian cobalah tes dengan mengakses http://localhost/latihan_ci/ di browser dan jika berhasil akan tampil halaman seperti di bawah ini:

Welcome CodeIgniter

Membuat file controller apa kabar, buka folder application/controllers, lalu buat file apa_kabar.php dengan script seperti di bawah ini:

<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Apa_Kabar extends CI_Controller {
public function index()
{
$this->load->view('apa_kabar');
}
}

Perhatian! defined(‘BASEPATH’) OR exit(‘No direct script access allowed’); digunakan untuk mencegah akses langsung pada file dalam hal ini file controller apa_kabar.php. Nama file controller sebaiknya gunakan huruf kecil dan tidak boleh mengandung spasi tapi kalau lebih dari satu suku kata pisahkan dengan underscore seperti apa_kabar.php. Kemudian nama class controller awali dengan huruf kapital dan kalau lebih dari satu suku kata pisahkan dengan underscore atau disatukan jadi satu suku kata, seperti
class Apa_Kabar extends CI_Controller. Syntax $this->load->view(‘apa_kabar’); akan mengatur file apa_kabar di folder application/views, jadi pastikan tulisan apa_kabar harus sama persis dengan nama file di folder views yang akan ditampilkan di browser.



Selanjutnya membuat file view apa kabar, buka folder application/views, lalu buat file apa_kabar.php dengan script misalnya seperti dibawah ini:

 <?php
 defined('BASEPATH') OR exit('No direct script access allowed');
 ?>
 <!DOCTYPE html>
 <html lang="en">
 <head>
 <meta charset="utf-8">
 <title>Apa Kabar?</title>
 </head>
 <body>
 <h1>Apa kabar dunia?</h1>
 </body>
 </html>

Perhatian! File apa_kabar.php yang ada di folder views inilah yang akan ditampilkan di browser saat diakses yang dikontrol atau diatur oleh file apa_kabar.php yang ada di folder controllers.

Sekarang coba akses melalui browser dengan mengetik url http://localhost/latihan_ci/index.php/apa_kabar,  dimana apa_kabar adalah nama class controller. Hasilnya seperti di bawah ini:

Controller CodeIgniter

Lalu bagaimana merubah underscore menjadi strip dalam url apa_kabar jadi seperti ini http://localhost/latihan_ci/index.php/apa-kabar ? Caranya buka file routes.php di folder application/config lalu ubah $route[‘translate_uri_dashes’] = FALSE; jadi $route[‘translate_uri_dashes’] = TRUE;

Kemudian, bagaimana agar halaman apa kabar di atas menjadi halaman default/homepage menggantikan Welcome to CodeIginter? Caranya masih buka file routes.php di folder application/config lalu ubah bagian $route[‘default_controller’] = ‘welcome’; menjadi $route[‘default_controller’] = ‘apa_kabar’; jangan lupa di save dan coba akses homepage http://localhost/latihan_ci/ hasilnya yang semula Welcome to CodeIgniter akan berubah menjadi Apa kabar dunia?.