Mempelajari Konsep MVC (Model View Controller) Menggunakan Codeigniter 3 (2019) Part 2 - Bewok Tekno

STAY HUNGRY STAY FOOLISH

Breaking

Home Top Ad

Wednesday, August 14, 2019

Mempelajari Konsep MVC (Model View Controller) Menggunakan Codeigniter 3 (2019) Part 2


Artikel ini mengenai MVC Codeignter 3, Menghilangkan index.php pada codeigniter, Cara menghubungkan controller dan view
bewoksatukosong.com | Hallo semuanya balik lagi dengan om bewok, kali ini om bewok akan melanjutkan Tutorial Codeigniter yang ingin melihat daftar tutorial codeigniter bisa lihat dibawah ini 

Om bewok memberikan tutorial-Nya step by step, jadi biar ga lompat - lompat belajarnya. Jadi ini bisa di bilang juga sebagai tutorial series codeigniter 3 2019.

Apa saja yang dipelajari dari artikel ini ?
✅ Penjelasan Mengenai MVC Codeigniter
✅ Menghilangkan index.php
✅ Contoh koding konsep MVC Codeigniter
✅ Cara Menghubungkan Controller dan View

✔ Apa Itu MVC Codeigniter  ?


MVC (Model View Controller) adalah sebuah metode untuk membuat suatu aplikasi dengan memisahkan data(model) lalu tampilan (view), dan proses(controller).

Jadi biar ga berantakan kita pisah-pisah, dan juga jika kamu sudah mengerjakan project besar dan kamu punya beberapa team, kamu bisa membagi-Nya dengan mudah atau misalnya kamu punya orang baru, sudah pasti dia perlu adaptasi terlebih dahulu sebelum terjun ke projek tersebut. Ya setidaknya dengan memisahkan data, tampilan dan proses akan lebih mudah untuk beradaptasi.

Sekali lagi om bewok jelaskan dengan kata-kata yang lebih mudah ya.
  1. (model) data / database / query  jadi segala sesuatu mengenai database, query dan lain-lain sudah pasti ada di model
  2. (view) tampilan html browser, jadi kalau untuk menampilkan html sudah otomatis ada di view, seperti bootstrap, jquery, html, css sudah pasti berhubungan dengan views
  3. (controller) proses, nah ketika model dan view ini terpisah, bagaimana cara mereka bergabung, nah tentunya kita perlu jembatan-Nya dong, nah kita gabungkan mereka berdua yaitu model dan view di controller
Paham ya ? 

Langsung saja kita coba buat 

Pastikan kalian sudah download ya codeigniter-Nya  dan taruh di xampp - htdocs, lalu kamu ganti nama 📁 folder tersebut dengan nama ci3bewoksatukosong. Kalau masih bingung bisa lihat tutorial-Nya dibawah ini 

Kalau sudah seperti dibawah ini, kamu berhasil install codeigniter 3.
Gambar 1. Tampilan awal codeigniter 3


Buat file didalam 📁 controllers dengan nama 📑 Profil.php
Kodingan-Nya seperti dibawah ini application/controllers/Profil.php
<?php
defined('BASEPATH') OR exit('No direct script access allowed'); class Profil extends CI_Controller { public function index() { echo "hello profil"; } }

Kalian buka chrome lalu tuliskan seperti ini
http://localhost/ci3bewoksatukosong/index.php/profil
Tampilan-Nya seperti dibawah ini
Gambar 2. Tampilan dari Controller Profil


Nah intinya kita memanggil method index lalu kita tampilkan tulisan hello profil dengan echo. Pada address bar ada index.php sebelum profil, nah ini menurut om bewok mengganggu sekali, karena terlalu kepanjangan dan juga menurut beberapa orang mengganggu untuk optimalisasi SEO, oleh karena itu om bewok akan hapus. 

✔ Cara Menghilangkan index.php

Untuk menghilangkan index.php ada beberapa step. Kamu buat 📑 file terlebih dahulu dengan nama .htaccess Untuk menaruh-Nya didalam folder 📁ci3bewoksatukosong/.htaccess
Gambar 3. Membuat file .htaccess

Codingan-Nya seperti dibawah ini ya, kalian copy aja lalu paste di 📑 .htaccess

Selanjutnya kita harus settings juga pada bagian 📁 config/config.php

Kalian cari pada bagian ini

$config['base_url'] = '';
Kamu ubah menjadi
$config['base_url'] = 'http://localhost/ci3bewoksatukosong/';

Selanjutnya kamu cari bagian ini

$config['index_page'] = 'index.php';
Lalu ubah menjadi di bawah ini, hilangkan tulisan index.php
$config['index_page'] = '';
Oh iya untuk 📁 ci3bewoksatukosong samakan seperti nama folder kalian ya, makanya om bewok bilang untuk disamakan aja untuk belajar biar ga ribet 😁

Terakhir kamu buka browser kamu lalu buka 

http://localhost/ci3bewoksatukosong/profil 
Kalau hasil-Nya seperti dibawah ini, berarti kita berhasil. 
Gambar 4. Berhasil tidak menggunakan index.php

✔ Cara Menghubungkan Antara Controller dan View

Oke selanjutnya kita menghubungkan controller dan view, sebelumnya kita hanya menampilkan hallo profil hanya melalui controller, nah kali ini kita akan menghubungkan Controller dan View

Buka 📁 application/controller/Profil.php. Lalu tambahkan seperti dibawah ini 
$data['judul'] = 'daftar mahasiswa';
Artinya kita membuat array judul jadi tinggal kita panggil di view

$this->load->view('profil', $data);
Artinya kita ngeload view/profil.php, yang nanti kita akan buat file profil.php di folder views, lalu kita juga panggil $data yang ada di atas tersebut.

Selanjutnya kita buat file 📁 application/views/profil.php
Kodinganya seperti dibawah ini ya
Tampilan-Nya seperti dibawah ini ya
Gambar 5. Menghubungkan Controller Dan View

Seperti biasa langsung saya jelaskan satu persatu ya
echo $judul artinya kita mengambil dari $data['judul'] = 'daftar mahasiswa'; 
lalu pada 📁 controller/Profil.php kita tampilkan dengan menggunakan echo $judul

hallo ini profil saya melalui view
Nah kita memanggil dari $this->load->view('profil',$data), lalu di views/profil.php kita tambahkan kode <h2>hallo ini profil saya melalui view</h2>
Intinya kalau kamu mau memanggil view dari controller caranya 
$this->load->view('nama_file_yang_di_view');

Untuk menghubungkan model - view - controller nanti di tutorial selanjutnya ya, karena kita langsung hubungkan ke database, jadi untuk memberikan contoh model, kita langsung bermain database dan database yang kita gunakan untuk tutorial ini adalah mysql

Jadi tutorial selanjutnya kita akan membuat CRUD, yang mana akan kita hubungkan model - view controller, juga kita buat validasi juga biar aman dan untuk tampilan kita menggunakan bootstrap 4.

Download Source Code Github 
LIST TUTORIAL CODEIGNITER 3 (2019

No comments:

Post a Comment