Tutorial Laravel Lengkap Membuat CRUD di Laravel dengan Route Resource

0
805

Setelah melalui beberapa langkah diatas, maka langkah selanjutnya adalah membuatkan file view “index.blade.php” yang akan kita gunakan untuk menampilkan data pada view Laravel. Oke, gunakan perintah change directory (cd) dan arahkan project kerja ke folder views dengan perintah berikut:

cd resources/views 
mkdir kontak 
cd kontak 
touch index.blade.php

Seperti tampak pada gambar berikut:

Oke, mari kita buka file view “index.blade.php” pada folder “resources/views/kontak/index.blade.php” dan ketikkan kode seperti berikut:

@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">Daftar Kontak</div>
                @if($message = Session::get('status'))
                <div class="alert alert-success alert-dismissable">
                    <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
                    <p>{{$message}}</p>
                </div>
                @endif
                <div class="card-body">
                    <a href="{{route('kontak.create')}}" class="btn btn-sm btn-success">Tambah</a>
                    <table id="tbl_list" class="table table-striped table-bordered" cellspacing="0" width="100%">
					<thead>
                        <tr>
                            <th>No</th>
                            <th>Nama Lengkap</th>
                            <th>Email</th>
                            <th>Pekerjaan</th>
                            <th>Alamat</th>
                            <th>Aksi</th>
                        </tr>
					</thead>
					<tbody>  
                        <?php
                        $no=1;
                        ?>                  
                        @foreach($kontak as $row)
                        <tr>
                            <td>{{$no++}}</td>
                            <td>{{$row->nama_lengkap}}</td>
                            <td>{{$row->email}}</td>
                            <td>{{$row->pekerjaan}}</td>
                            <td>{{$row->alamat}}</td>
                            <td>
                                <a href="{{route('kontak.edit',$row->id)}}" class="btn btn-sm btn-success">Edit</a>
                                <form action="{{route('kontak.destroy',$row->id)}}" method="POST">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-sm btn-danger">Hapus</button>
                                </form>                                
                            </td>
                        </tr>
                        @endforeach
					</tbody>
                </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

Selanjutnya kita buka file controller “KontakController.php” pada folder “app/Http/Controllers/KontakController.php”, kemudian pada baris method index() kita tambahkan kode berikut:

public function index()
{
$data = array();
$data['kontak'] = DB::table('kontaks')->get();
return view('kontak.index',$data);
}

Selanjutnya coba kita akses apa yang telah kita buat. Masih pada jendela Terminal/ Command Prompt dan aktif pada project Laravel, lalu jalankan perintah artisan berikut:

php artisan serve

Kemudian buka jendela web browser pada desktop anda, dan akses url berikut:

localhost:8000/kontak

Jika berjalan dengan baik maka akan ditampilkan halaman seperti berikut:

menampilkan data di Laravel view
menampilkan data di Laravel view

Sampai disini proses menampilkan data (Read) di Laravel selesai.

Membuat Input Data Ke Database Dengan Laravel