Mengenal Konsep Model, View, dan Controller di Laravel

Setelah sebelumnya kita belajar tentang Routing dan Blade Templating pada laravel, kali ini kita akan belajar tentang konsep Model, View dan Controller atau biasa disingkat MVC yang merupakan fitur dari framework laravel.

Model berfungsi untuk menuliskan query dan proses proses penngambilan data dari database.
View berfungsi untuk menampilkan tampilan kepada user yang barisi css, javascript dan jquery. Controlller berfungsi untuk menjembatani antara Model dan View.

Untuk lebih jelasnya, mari kita bahas langkah langkah membuat MVC di bawah ini.
1. Buat database pada phpmyadmin dengan nama dbbelajar.
2. Buat table baru dengan nama jurusan dengan struktur seperti gambar dibawah ini.
kemudian isi data table seperti pada gambar di bawah.

3. Nah, selanjutnya kita akan setting database agar bisa terkoneksi dengan project. Untuk anda yang sudah mengikuti tutorial ini dari awal, buka folder project belajarlaravel kemudian buka file yang bernama .env, lalu ubah isinya seperti gambar di bawah.

Selanjutnya buka file database.php yang ada di folder config, pada bagian mysql, edit seperti gambar di bawah.

4. Selanjutnya kita akan membuat Model, buat file bernama Jurusan.php di dalam folder app lalu isi dengan kode di bawah ini.

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Jurusan extends Model

{
 
 protected $table = "jurusan";
 public $timestamps = false;
 protected $primaryKey = 'jurKode';
 protected $fillable = array('jurKode','jurNama');
 
}

Model di atas berisi query yang digunakan untuk mengambil table jurusan dari database dbbelajar yang berisi kolom jurKode dan jurNama untuk kemudian ditampilkan dalam View.

5. Kemudian kita akan membuat controller, buat folder baru bernama Jurusan di app/Http/Controller, lalu buat file bernama JurusanController.php di dalam folder tersebut. isikan kode berikut ke dalam file JurusanController.php

use App\Http\Requests; 
use App\Http\Controllers\Controller; 
use App\Jurusan as Jurusan; 
 
class JurusanController extends Controller 


{ 

       public function index() 

      { 

       $data = array('jurusan' => Jurusan::all()); 

       return view('admin.dashboard.jurusan.jurusan',$data); 

       }

}

Controller di atas berfungsi untuk menampilkan model Jurusan ke dalam View yang berada di dalam folder resources/views/admin/dashboard/jurusan.

6. Terakhir kita akan membuat View, buat folder baru bernama jurusan di resources/views/admin/dashboard/, kemudian dalam folder tersebut buat file bernama jurusan.blade.php, isikan kode berikut ke dalam file jurusan.blade.php

@extends('admin.layout.master')
@section('content')
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        Dashboard
        <small>Control Panel</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i>Home</a></li>
        <li class="active">Dashboard Admin</li>
      </ol>
   </section>
<!-- Main content -->
    <section class="content">
          <div class="row">
            <div class="col-md-6">
                <div class="box box-primary">
                  <div class="box-header">
                    <h3 class="box-title">Daftar Jurusan <a href="" class="btn btn-success btn-flat btn-sm" data-toggle="modal" title="Tambah"><i class="fa fa-plus"></i></a></h3>
                  </div><!-- /.box-header -->
                  <div class="box-body no-padding">
                    <table class="table table-condensed">
                      <tbody><tr>
                        <th style="width: 50px; text-align: center;">Kode </th>
                        <th>Nama Resmi</th>
                        <th>Aksi</th>
                      </tr>
                      <?php foreach ($jurusan as $datajurusan):  ?>
                      <tr>
                          <td style="text-align: center;">{{ $datajurusan->jurKode}}</td>
                          <td>{{ $datajurusan->jurNama}}</td>
                          <td><a href="" title="hapus" onclick="return confirm('Apakah anda yakin akan menghapus Jurusan {{{$datajurusan->jurKode .' - '.$datajurusan->jurNama }}}?')">
                            <span class="label label-danger"><i class="fa fa-trash"> Delete </i></span>
                            </a>
                         
                          </td>                       
                      </tr>
                      <?php endforeach  ?> 
                      </tbody>
                    </table>
                  </div><!-- /.box-body -->
                </div><!-- /.box -->
            </div>
          </div><!-- /.row (main row) -->
           
 </section>
    <!-- /.content -->
</div>
@stop

View diatas berfungsi untuk menampilkan data dari model.

7. Jangan lupa untuk membuat route nya, tambahkan kode di bawah ini ke dalam file routes.php

Route::get('/jurusan',array(


 'as'=>'jurusan',

 'uses'=> 'Jurusan\JurusanController@index'

));

Selesai, sekarang coba akses alamat localhost/belajarlaravel/public/jurusan, apa bila muncul tampilan seperti dibawah, berarti anda sudah berhasil dalam percobaan ini, apa bila belum berhasil atau masih bingung, silahkan bertanya pada kolom komentar.

Baiklah, sekian tutorial sederhana ini dari saya, see you to the next articel.

Rabu, 08 Februari 2017 LARAVEL