Hai, Sobat Risereaders!
Pada artikel sebelumnya, kita telah mempelajari proses menambahkan data baru ke dalam aplikasi kita. Dan juga, cara menyimpan gambar ketika melakukan penambahan data di Laravel.
Sekarang, kita akan melanjutkan pembuatan aplikasi CRUD Laravel dan Bootstrap, yaitu pada tahap mengupdate data aplikasi kita.
Cara Mengupdate Data Aplikasi CRUD
Langkah-langkah cara mengupdate data CRUD yang sudah ada di dalam database:
- Membuat Method Edit dan Update
Langkah pertama dalam proses mengupdate data adalah dengan membuat method edit dan update di dalam controller BookController.
Method edit akan bertanggung jawab menampilkan form untuk mengedit data, sementara method update akan digunakan untuk memperbarui data di database.
// app/Http/Controllers/BookController.php
public function edit(Book $book)
{
// Menampilkan halaman form edit data
return view('books.edit', compact('book'));
}
public function update(Request $request, Book $book)
{
// Validasi data input
$validatedData = $request->validate([
'cover' => 'nullable|image|mimes:jpg,png,jpeg,gif|max:2048',
'title' => 'required|string|max:255',
'description' => 'required|string',
]);
// Jika mengunggah gambar cover baru
if ($request->hasFile('cover')) {
// Hapus gambar cover lama
Storage::delete("public/books/$book->cover");
// Upload gambar cover baru
$cover = $request->file('cover');
$cover->storeAs('public/books', $cover->hashName());
// Simpan nama file gambar cover baru ke database
$validatedData['cover'] = $cover->hashName();
}
// Update data di database
$book->update($validatedData);
// Mengalihkan halaman ke index dengan pesan sukses
return redirect()->route('books.index')->with('success', 'Data buku berhasil diperbarui!');
}
Dalam method edit, kita menggunakan route model binding untuk langsung mengambil data buku yang akan diedit dari database.
Sedangkan dalam method update, kita melakukan validasi terhadap data input yang diterima sebelum memperbarui data di database.
Ketika kita melakukan update data, jika ada gambar cover baru yang ditambahkan, maka akan menghapus gambar cover yang lama menggunakan Storage::delete. Jangan lupa untuk mengimport Storage.
use IlluminateSupportFacadesStorage;
2. Membuat View Edit Data
Setelah membuat method di controller, langkah berikutnya adalah membuat tampilan untuk form edit data.
Buatlah file edit.blade.php di dalam folder resources/views/books/ dan tambahkan kode berikut:
@extends('layouts.app')
@section('title', 'Edit Buku')
@section('content')
class="row justify-content-center">
class="col-md-8">
@yield('title')
class="card mt-3">
class="card-body">
action="{{ route('books.update', $book->id) }}" method="POST" enctype="multipart/form-data">
@csrf
@method('PUT')
class="row justify-content-center">
class="col-6 col-sm-4 mb-3 order-sm-last">
src="{{ asset('storage/books/' . $book->cover) }}" alt=""
class="img-fluid border rounded">
