CRUD (Create, Read, Update,Delete) Data Jenis Barang

1. Open folder project sebelumnya.

2. Pada folder jenisbarang yang sudah dibuat pada pertemuan sebelumnya tambahkan
file baru dengan nama listjenis.blade.php
3. Buatkan migration untuk mengelola database dengan perintah php artisan
make:migration JenisBarang, kemudian isilah kode berikut untuk mengisi field tabel
Jenis barang

?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration

{
public function up(): void
{
Schema::create('tbl_jenis_barang', function (Blueprint $table) {
$table->id();
$table->string('Nama_jenis')->nullabel();
$table->timestamps();
});
}
public function down(): void
{
Schema::dropIfExists('tbl_jenis_barang');
}
};

4. Buatkan juga models dengan perintah dibawah ini

php artisan make:model JenisBarang
5. Pada models/jenis barang ketikkan kode berikut ini

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
class JenisBarang extends Model
{
use HasFactory;
protected $table ='tbl_jenis_barang'; //Nama Tabel yang dibuat pada database

protected $fillable = [
'Nama_jenis', //kolom pada tabel

];
const CREATED_AT ='created_at';
const UPDATE_AT ='updated_at';
}

6. Tambahkan Jenis Barang Controller dengan perintah di bawah ini di terminal/cmd.

Pastikan perintahnya benar tanpa typo:
php artisan make:controller JenisBarangController

7. Pada JenisBarangController ketikkan kode sebagai berikut

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Models\JenisBarang;

class JenisBarangController extends Controller

{
public function home()
{
$data = array(
'title' => 'Data jenis barang',
'data_jenis' => JenisBarang::all(),
);
return view('admin.master.jenisbarang.listjenis', $data);
}

public function store(Request $request)

{
JenisBarang::create([
'Nama_jenis' => $request->Nama_jenis,
]);
return redirect('/JenisBarang')->with('success','Data berhasil
disimpan');
 }

public function update(Request $request, $id)

{
JenisBarang::where('id', $id)
->update([
'Nama_jenis' => $request->Nama_jenis,

]);
return redirect('/JenisBarang')->with('success','Data berhasil diubah');
}

public function destroy($id)

{
JenisBarang::where('id', $id)->delete();
return redirect('/JenisBarang')->with('success', 'Data berhasil dihapus');
}
}

8. Selanjutnya membuat route CRUD data jenis barang pada web.php sebagai berikut,
jangan lupa untuk memanggil fungsi
Use App\Http\Controllers\JenisBarangControllers;

Route::get('/JenisBarang',[JenisBarangController::class,'home']);
Route::post('/JenisBarang/store',[JenisBarangController::class,'store']);
Route::post('/JenisBarang/update/{id}',[JenisBarangController::class,'update']);
Route::get('/JenisBarang/destroy/{id}',[JenisBarangController::class,'destroy']);

9. Kemudian pada listjenis.blade.php tuliskan kode berikut, pastikan penulisan benar

tanpa typo
@extends('layout.layout')
@section('content')

<div class="content-body">

<div class="row page-titles mx-0">

<div class="col p-md-0">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a
href="javascript:void(0)">Dashboard</a></li>
<li class="breadcrumb-item active"><a
href="javascript:void(0)">{{ $title}}</a></li>
</ol>
</div>
</div>
 <div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<div class="d-flex align-items-center">
<h4 class="card-title">{{ $title}}</h4>
<button type ="button" class="btn btn-primary
btn-round ml-auto" data-toggle="modal" data-target="#modalCreate">
<i class="fa fa-plus"></i>
Tambah Data
</button>
</div>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-striped table-
bordered zero-configuration">
<thead>
<tr>
<th>No</th>
<th>Nama Jenis</th>
<th>Action</th>
</tr>
</thead>
<tbody>
@php
$no = 1;
@endphp
@foreach ($data_jenis as $row)

<tr>
<td>{{ $no++}}</td>
<td>{{$row-> Nama_jenis }}</td>
<td>
<a href="#" class="btn btn-xs btn-
primary" data-toggle="modal" data-target="#modalEdit{{$row->id}}"><i class="fa
fa-edit"></i> Edit</a>
<a href="#" class="btn btn-xs btn-
danger" data-toggle="modal" data-target="#modalHapus{{$row->id}}"><i class="fa
fa-trash"></i> Hapus</a>
</td>
</tr>
 @endforeach
</tbody>

</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="modal fade" id="modalCreate" tabindex="-1" role="dialog" aria-

hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Create Data User</h5>
<button type="button" class="close" data-dismiss="modal">
<span>&times;</span>
</button>
</div>
<form method="POST" action="/JenisBarang/store">
@csrf
<div class="modal-body">
<div class="form-group">
<label> Nama Jenis</label>
<input type="text" class="form-control" name="Nama_jenis"
placeholder=" Nama Jenis..." required>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal"><i
class="fa fa-undo"></i> Close</button>
<button type="submit" class="btn btn-primary"><i class="fa fa-
save"></i>Save Changes</button>
</div>
</form>
</div>
</div>
</div>

@foreach ($data_jenis as $d)

<div class="modal fade" id="modalEdit{{$d->id}}" tabindex="-1" role="dialog"
aria-hidden="true">
 <div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Edit Data</h5>
<button type="button" class="close" data-dismiss="modal">
<span>&times;</span>
</button>
</div>
<form method="POST" action="/JenisBarang/update/{{$d->id}}">
@csrf
<div class="modal-body">
<div class="form-group">
<label> Nama Lengkap</label>
<input type="text" value="{{$d->Nama_jenis}}" class="form-control"
name="Nama_jenis" placeholder=" Nama Jenis..." required>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal"><i
class="fa fa-undo"></i> Close</button>
<button type="submit" class="btn btn-primary"><i class="fa fa-
save"></i>Save Changes</button>
</div>
</form>
</div>
</div>
</div>
@endforeach

@foreach ($data_jenis as $c)

<div class="modal fade" id="modalHapus{{$c->id}}" tabindex="-1" role="dialog"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Hapus Data</h5>
<button type="button" class="close" data-dismiss="modal">
<span>&times;</span>
</button>
</div>
<form method="get" action="/JenisBarang/destroy/{{$d->id}}">
<div class="modal-body">
<div class="form-group">
<h5>Apakah Anda Ingin Menghapus Data Ini ?</h5>
</div>
 </div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-
dismiss="modal"><i class="fa fa-undo"></i> Close</button>
<button type="submit" class="btn btn-danger"><i class="fa fa-
trash"></i> Hapus</button>
</div>
</form>
</div>
</div>
</div>
@endforeach
@endsection

10. Jika semua langkah sudah dikerjakan, silakan uji coba running project kalian dengan
mengetik di terminal/cmd php artisan serve

Cobalah untuk melakukan aksi Tambah data, edit dan hapus!

TUGAS
1. Buatkan CRUD untuk Data Barang
 Buat contoller BarangController (php artisan make: controller BarangController)
 Membuat Migration (php artisan make:migration Barang) tabel barang (tbl_barang)
berisikan sebagai berikut:
Schema::create('tbl_barang', function (Blueprint $table) {
$table->id();
$table->integer('id_jenis');
$table->string('Nama_barang')->nullabel();
$table->bigInteger('harga')->nullabel();;
$table->integer('stok')->nullabel();;
$table->timestamps();
});
 Buat model Barang (php artisan make:model Barang)
 Buat Routenya
 Dalam direktori app/resouce/views /admin/master/ barang buat file baru
listbarang.blade.php
2. Buatlah laporan langkah-langkah pengerjaannya dan dikumpulkan!

REFERENSI:
https://www.youtube.com/watch?v=dorBomRR0Sg&list=PLRx0OlyTshRaeJxdgrbHDxQOe8z_Sixh
d

https://www.youtube.com/watch?v=D5pDFsk-408&list=PLHDxqnzxw7P_Q8qy5bXn5-
Mv3VyALew3X