Tugas 6 PBKK - CodeIgniter : Instalasi dan Membuat Router Controller

Nama : Muhammad Arif Faizin
Kelas : PBKK A
NRP : 05111940000060

Pada postingan kali ini saya akan menjelaskan tentang Instalasi dan Membuat Router dan Controller pada CodeIgniter. Langsung saja, silahkan disimak tutorial berikut.

Instalasi CodeIgniter

Proses instalasi CodeIgniter adalah sebagai berikut, ikuti langkahnya :

1. Download CodeIgniter melalui link berikut, download
2. Pastikan pada komputer Anda telah terinstal XAMPP dan PHP 
3. Pada direktori htdocs Anda, buat folder baru kemudian ekstrak hasil unduhan CodeIgniter tadi pada direktori tersebut
4. Jalankan XAMPP, lalu buka http://localhost/ kemudian buka folder yang baru saja dibuat, dan terakhir buka folder public. Berikut adalah tampilan ketika berhasil menginstall CodeIgniter
   
   
   
   

Membuat Router dan Controller 

Selanjutnya yaitu membuat router baru pada Controller agar dapat menambahkan Route baru pada web. Berikut langkahnya :

1. Buka file yang terdapat pada /Controller/Home.php
2. Tambahkan kode berikut
   

   1 2 3 4 5 6 7 8 9 10 11

   public function about() { // fungsi untuk me-load view about.php return view('about'); } public function contact() { // fungsi untuk me-load view contact.php return view('contact'); }

   
   
3. Setelah itu buat 2 buah file baru pada /Views/ yaitu file about.php dan contact.php dengan masing-masing file diisi dengan kode berikut :
   about.php
   

   1 2	<h1>About Us</h1> <p>Ini adalah halaman about</p>

   contact.php
   

   1 2	<h1>Contact Us</h1> <p>Ini adalah halaman Contact</p>

4. Kemudian langkah selanjutnya adalah menambahkan route baru untuk view tadi. Caranya dengan membuka file /Config/Routes.php. Lalu tambahkan kode berikut
   

   1 2	$routes->get('/about', 'Home::about'); $routes->get('/contact', 'Home::contact');

5. Kemudian buka alamat localhost diatas dengan tambahan endpoint /about atau /contact. Jika berhasil maka akan tampil tampilan seperti ini
   

   

   Halaman About
   

   

   Halaman Contact
   
6. Langkah terakhir adalah mengubah isi halaman About dan Contact sesuai masing-masing sehingga tampilan menjadi seperti ini
   
   

   

   Halaman About yang sudah dimodifikasi
   

   

   Halaman Contact yang sudah dimodifikasi
   

Sekian postingan kali ini, semoga bermanfaat!