Laravel 7 Tutorial Membuat Blog Lengkap CMS Part #5 – Laravel 7 CRUD Application for Kategori Berita

0
1928

3. Operasi CRUD Laravel 7 Menampilkan data dari Database MySQL
Setelah menyiapkan tabel kategori berita maka langkah selanjutnya yang saya lakukan adalah melakukan query menampilkan data dari database ke file blade view. Mari kita buka kembali file controller “app\Http\controllers\KategoriController.php lalu lakukan modifikasi pada method index(), sehingga seperti berikut ini :

public function index() {
$title ='Data Kategori';
$kategori = DB::table('kategories')->get();
return view('kategori.index',['title'=>$title,'kategori'=>$kategori]);
}

Lalu buka kembali file blade pada folder “resources/views/kategori/index.blade.php”, lakukan modifikasi seperti berikut :

@extends('backend.layout')

@section('content')
<section class="content">
<div class="box">
<div class="box-header">
<h3 class="box-title">{{!empty($title)?$title:''}}</h3>
<a href="{{route('kategori.create')}}" class="btn btn-success btn-sm btn-flat pull-right"><i class="fa fa-plus"></i>Tambah</a>
</div><!-- /.box-header -->
<div class="box-body">
<table id="example1" class="table table-bordered table-striped">
<thead>
<tr>
<th>No</th>
<th>Judul Kategori</th>
<th>Aksi</th>
</tr>
</thead>
<tbody>
@php
$no=1;
@endphp
@foreach($kategori as $row)
<tr>
<td>{{$no++}}</td>
<td>{{$row->kategories}}</td>
<td>
<form action="{{route('kategori.destroy',$row->id_kategori)}}" method="POST">
<a href="{{route('kategori.edit',$row->id_kategori)}}" class="btn btn-sm btn-primary">Edit</a>
<button type="submit" class="btn btn-sm btn-danger">Hapus</button>
@csrf
@method('DELETE')
</form>
</td>
</tr>
@endforeach
</tbody>
<tfoot>

</tfoot>
</table>
</div><!-- /.box-body -->
</div><!-- /.box -->
</section>
@endsection

Jika sudah jalankan server project Laravel Anda dengan perintah artisan berikut :

php artisan serve

Jika sudah berjalan, lanjutkan dengan mengakses url localhost:8000/kategori, jika semua berjalan dengan baik maka akan ditampilkan halaman list kategori seperti berikut :

Laravel 7 CMS kategori
Laravel 7 CMS kategori