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.
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/Application
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.
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.
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.
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.
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 :
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
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.
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 :
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.
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
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/.
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/
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/
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