Tutorial Codeigniter #3: Memahami Konfigurasi Awal,Controller dan View

Kenapa harus memahami hal seperti itu? Ya karena dari pengertiannya saja framework codeigniter ini menggunakan metode MVC (Model, View, Controller) jadi jangan heran kita harus mengetahui dasar-dasar tersebut. Perlu kamu ketahui bahwa seri Part 3 ini, kita tidak akan membahas Model dari codeigniter karena di seri ini kita tidak memerlukan yang namanya Query pada latihan ini , tapi tenang kita tetap mempelajari Model codeigniter pada seri selanjutnya. Baca Juga Tutorial Codeigniter Part 1 : Pengertian dan Cara Instalasi Codeigniter Tutorial Codeigniter Part 2: Mengenal Fungsi Dari Direktori Codeigniter × Konfigurasi Awal Untuk memulai dalam sebuah project,ada hal yang perlu diotak-atik atau diubah isi file tertentu seperti Autoload.php,Database.php dan Config.php. Untuk fungsinya saya rasa kamu sudah mengerti jika kamu mengikuti seri ini secara bertahap. Kamu buka project yang kita buat pada seri sebelumnya, lalu drag saja foldernya kesublime text atau text editor kesayangan kamu. C:Xampp/htdoc/belajarwithib/ApplicationPada foto diatas sudah terlihat File-file yang kita perlu ubah,maka dari itu kita memulai dari config.php lalu database.php dan autoload.php. 1.Config.php Pertama kalian bisa buka file config.php nya. C:Xampp/htdoc/belajarwithib/Application/config/config.php.Lalu kalian cari codenya yang seperti ini : $config['base_url'] = ''; Lalu ubah menjadi seperti ini $config['base_url'] = ' http://localhost/belajarwithib/ '; Penjelasan Base_url itu diambil dari link yang kalian dapatkan di web browser lalu kalian copy dan pastekan kecode yang tadi atau kalian perhatikan/contoh pada foto dibawah.

Tutorial Codeigniter Part 3: Memahami Konfigurasi Awal,Controller dan View

Tutorial Codeigniter Part 3 : Memahami Konfigurasi Awal,Controller dan View


Tutorial Codeigniter Part 3 : Memahami Konfigurasi Awal,Controller dan View – Hello everyone selamat datang kembali diwebsite saya belajarwithib.my.id, pada seri kali ini kita akan memahami konfigurasi,controller dan view disebuah framework Codeigniter karena hal mendasar yang wajib kamu sebelum memulai projek nantinya.

Kenapa harus memahami hal seperti itu? Ya karena dari pengertiannya saja framework codeigniter ini menggunakan metode MVC (Model, View, Controller) jadi jangan heran kita harus mengetahui dasar-dasar tersebut.

Perlu kamu ketahui bahwa seri Part 3 ini, kita tidak akan membahas Model dari codeigniter karena di seri ini kita tidak memerlukan yang namanya Query pada latihan ini , tapi tenang kita tetap mempelajari Model codeigniter pada seri selanjutnya.



Konfigurasi Awal 

Untuk memulai dalam sebuah project,ada hal yang perlu diotak-atik atau diubah isi file tertentu seperti Autoload.php,Database.php dan Config.php.
Untuk fungsinya saya rasa kamu sudah mengerti jika kamu mengikuti seri ini secara bertahap.

Kamu buka project yang kita buat pada seri sebelumnya, lalu drag saja foldernya kesublime text atau text editor kesayangan kamu.
C:Xampp/htdoc/belajarwithib/Application


Tutorial Codeigniter Part 3 : Memahami Konfigurasi Awal,Controller dan View


Pada foto diatas sudah terlihat File-file yang kita perlu ubah,maka dari itu kita memulai dari config.php lalu database.php dan autoload.php.

1.Config.php

Pertama kalian bisa buka file config.php nya.
C:Xampp/htdoc/belajarwithib/Application/config/config.php.


Tutorial Codeigniter Part 3 : Memahami Konfigurasi Awal,Controller dan View


Lalu kalian cari codenya yang seperti ini :


$config['base_url'] = '';


Lalu ubah menjadi seperti ini


$config['base_url'] = ' http://localhost/belajarwithib/ ';


Penjelasan
Base_url itu diambil dari link yang kalian dapatkan di web browser lalu kalian copy dan pastekan kecode yang tadi atau kalian perhatikan/contoh pada foto dibawah.


Tutorial Codeigniter Part 3 : Memahami Konfigurasi Awal,Controller dan View


2.Database.php

Fungsinya konfigurasi database untuk project kita nanti,karena misalnya kita memerlukan database untuk membuat aplikasi maka kita harus konfigurasikan dulu kedalam frameworknya.

Sekarang buka file database.php nya.
C:Xampp/htdoc/belajarwithib/Application/config/database.php.


Tutorial Codeigniter Part 3 : Memahami Konfigurasi Awal,Controller dan View


Lalu cari code yang seperti ini:


'hostname' => 'localhost', //ini nama hostnya
'username' => '', //username dari hostnya biasa nya itu "root"
'password' => '', //jika kamu menggunakan password pada hostnya maka isikan passwordnya jika tidak kosaongkan saja
'database' => '', //nama database yang ingin dipilih


Terus ubah databasenya menjadi seperti ini:


'hostname' => 'localhost',  //ini nama hostnya
'username' => 'root',  //username dari hostnya biasa nya itu "root"
'password' => '',  //jika kamu menggunakan password pada hostnya maka isikan passwordnya jika tidak kosaongkan saja
'database' => 'belajarwithib',  //nama database yang ingin dipilih



UBAH SESUAI PETUNJUK,KALAU TIDAK AKAN TERJADI ERROR NANTINYA
×


3.Autoload.php

File ini berfungsi  beberapa library dan helper tertentu berjalan secara otomatis.
Langsung saja buka file autoload.php nya.
C:Xampp/htdoc/belajarwithib/Application/config/autoload.php.




Lalu cari code yang seperti ini:


$autoload['libraries'] = array();


Terus ubah menjadi seperti ini:


$autoload['libraries'] = array(‘database’);


Penjelasan

Nah , jika sudah seperti itu maka databasenya akan berjalan secara otomatis.
sebenarnya selain database kalian bisa juga menjalankan seperti 'email' dan 'session'.

Oke kita sudah berhasil melakukan konfigurasi awal pada codeigniter,setalah itu kita lanjut memahami dasar controller dan view.

1.Controller

Mungkin kita akan praktek saja langsung biar kamu mengerti dan paham.
Disini saya akan menampilkan kata “belajarwithib” pada controller.

Pertama – buat file baru pada folder controller bikin saja nama filenya ”latihan.php”
C:Xampp/htdoc/belajarwithib/Application/controller/latihan.php.


Tutorial Codeigniter Part 3 : Memahami Konfigurasi Awal,Controller dan View


Kedua – Ketikkan code dibawah ini :


<?php

defined('BASEPATH') OR exit('No direct script access allowed');


class latihan extends CI_Controller {

  public function index()

 {

  echo "belajarwithib.my.id";

 }

}


Ketiga – Lalu buka ada web browser link ini http://localhost/belajarwithib/index.php/latihan

maka hasilnya akan seperti foto dibawah ini :


Tutorial Codeigniter Part 3 : Memahami Konfigurasi Awal,Controller dan View


Penjelasan 

Dimana pada url codeigniter  terdapat protocol, primary domain, index.php, class name, dan function name.

Jika masih bingung, edit file C:Xampp/htdoc/belajarwithib/Application/controller/latihan.php.

lalu buat function baru,buat saja nama functionnya “latihan1”.


<?php

defined('BASEPATH') OR exit('No direct script access allowed');

class latihan extends CI_Controller {

  public function index()

 {

  echo "belajarwithib.my.id";

 }

  public function latihan1()

 {

  echo "Test menambahkan function";

 }

}


Untuk melihat hasilnya buka pada url ini http://localhost/belajarwithib/index.php/latihan/latihan1


Tutorial Codeigniter Part 3 : Memahami Konfigurasi Awal,Controller dan View


2.Menghilangkan index pada url

kenapa harus dihilangkan? Ya karena supaya url kita itu tidak terlalu panjang ,Mudah untuk diindex dan Terlihat Lebih SEO
Cara menghilangkannya gampang,kita hanya menambahkan file  .htaccess pada web root kita atau paling luar dari directori kita.


Tutorial Codeigniter Part 3 : Memahami Konfigurasi Awal,Controller dan View


Ketik code ini lalu save pada  C:Xampp/htdoc/belajarwithib/.htaccess


RewriteEngine On

RewriteCond %{REQUEST_FILENAME} !-f

RewriteCond %{REQUEST_FILENAME} !-d

RewriteRule ^(.*)$ index.php?/$1 [L]


Sebelum membuka ada yang perlu kamu setting pada file config.php 
C:Xampp/htdoc/belajarwithib/Application/config/config.php.

Cari kode seperti dibawah ini


$config['index_page'] = 'index.php';


Lalu ubah menjadi seperti ini 


$config['index_page'] = '';


Setelah itu kamu bisa langsung melihat hasil dengan membuka url seperti ini
http://localhost/belajarwithib/latihan/latihan1

Maka hasilnya akan seperti dibawah ini :


Tutorial Codeigniter Part 3 : Memahami Konfigurasi Awal,Controller dan View


Tetap sama hasilnya hanya saja kita hanya menghapus index.php pada Url Nya saja.

3.View

View ini berisikan code HTML kita nantinya dan kita memanggil view ini menggunakan controller.

Mending kita langsung praktek saja.

Pertama – Buat file baru pada  C:Xampp/htdoc/belajarwithib/Application/view/body.php.


Tutorial Codeigniter Part 3 : Memahami Konfigurasi Awal,Controller dan View


Lalu ketikkan code seperti dibawah ini :


<!DOCTYPE html>

<html>

<head>

 <title>belajarwithib</title>

</head>

<body>


<h4>Ini adalah body</h4>


</body>

</html>


Lalu buka controller kita yang tadi C:Xampp/htdoc/belajarwithib/Application/controller/latihan.php.

Setelah itu edit filenya menjadi seperti ini :


<?php

defined('BASEPATH') OR exit('No direct script access allowed');


class latihan extends CI_Controller {


  public function index()

 {

  $this->load->view('body.php');

 }

}


Lalu lihat hasilnya pada url ini http://localhost/belajarwithib/latihan/ dan hasilnya akan seperti dibawah ini


Tutorial Codeigniter Part 3 : Memahami Konfigurasi Awal,Controller dan View


4.View (header,body,footer)

Dalam membuat website biasa nya seseorang itu membeda-bedakan antara Header,body dan footer agar tidak terjadi pengulangan code yang sama dan code yang diketikkan terlihat bersih.

Oke kita langsung praktek saja.

Pertama – Buat file header.php dan footer.php pada folder view 
C:Xampp/htdoc/belajarwithib/Application/view/.


Tutorial Codeigniter Part 3 : Memahami Konfigurasi Awal,Controller dan View


Buka file header.php lalu ketikan code dibawah ini :
C:Xampp/htdoc/belajarwithib/Application/view/header.php


<!DOCTYPE html>

<html>

<head>

 <title>belajarwithib</title>

</head>

<h1>ini header</h1>


Dan Buka file body.php lalu ketikan code dibawah ini
C:Xampp/htdoc/belajarwithib/Application/view/body.php


<body>


<h4>Ini adalah body</h4>


</body>


Dan Buka file footer.php lalu ketikan code dibawah ini
C:Xampp/htdoc/belajarwithib/Application/view/footer.php


<footer>Ini footer</footer>

</html>


Setelah itu buka controllernya C:Xampp/htdoc/belajarwithib/Application/controller/latihan.php

edit codenya menjadi seperti dibawah ini : 


<?php

defined('BASEPATH') OR exit('No direct script access allowed');


class latihan extends CI_Controller {


  public function index()

 {

  $this->load->view('header.php');

  $this->load->view('body.php');

  $this->load->view('footer.php');

 }

}


Maka hasil nya akan seperti diurl ini http://localhost/belajarwithib/latihan/


Tutorial Codeigniter Part 3 : Memahami Konfigurasi Awal,Controller dan View


Jika hasilnya sama,kamu seharusnya sudah mengerti dengan View dan Controller.

5.View(menampilkan nilai dari controller)

Ada contoh juga yang mungkin kamu harus tahu dengan memanggil nilai dari controller.

mending kita langsung praktek saja.

Buka file body.php lalu ketikan code dibawah ini
C:Xampp/htdoc/belajarwithib/Application/controller/latihan.php


<?php

defined('BASEPATH') OR exit('No direct script access allowed');


class latihan extends CI_Controller {


  public function index()

 {

  $data['h1'] = "Ini adalah h1";

  $data['h2'] = "Ini adalah h2";

  $this->load->view('body.php',$data);

 }

}


Setelah itu, Buka file body.php lalu ketikan code dibawah ini
C:Xampp/htdoc/belajarwithib/Application/view/body.php


<h1><?php echo $h1; ?></h1>

<h1><?php echo $h2; ?></h1>

<body>


<h4>Ini adalah body</h4>


</body>


Kemudian lihat hasilnya pada web browser http://localhost/belajarwithib/latihan/


Tutorial Codeigniter Part 3 : Memahami Konfigurasi Awal,Controller dan View


Kesimpulan

Jika kamu mengikuti dengan baik dan langsung mempraktekkannya seharusnya kamu sudah paham dengan Seri kita pada kali ini,jika kamu belum mengerti kamu bisa baca documentasi dari codeigniter nya langsung,jadi bagaimana? Sudah mulai nyaman dengan Codeigniter belum?hehehe, ada banyak yang belum kita pelajari jadi tetap pantau web belajarwithib.my.id agar kalian tidak ketinggalan updatekan terbaru nantinya.

Penutupan

Mungkin sekian lah Tentang Tutorial Codeigniter #3: Memahami Konfigurasi Awal,Controller dan View .Semoga Tutorial Ini dapat membantu anda dalam segala keperluan anda masing-masing.  

Support Website belajarwithib.my.id dengan donasi ke : klik disini .


Sekian dan Terima Kasih Telah Berkunjung