Membuat Tampilan (View)
Pada bagian terakhir ini, kita akan membuat tampilan untuk operasi CRUD menggunakan Blade, templating engine bawaan Laravel.
Langkah 1: Membuat Direktori Tampilan
Buat direktori baru untuk tampilan posts
di dalam resources/views
:
mkdir resources/views/posts
Langkah 2: Membuat Tampilan Index
Buat file index.blade.php
di resources/views/posts
:
<!-- resources/views/posts/index.blade.php -->
<!DOCTYPE html>
<html>
<head>
<title>Posts</title>
</head>
<body>
<h1>Posts</h1>
<a href="{{ route('posts.create') }}">Create New Post</a>
@if ($message = Session::get('success'))
<div>{{ $message }}</div>
@endif
<table>
<tr>
<th>Title</th>
<th>Content</th>
<th>Actions</th>
</tr>
@foreach ($posts as $post)
<tr>
<td>{{ $post->title }}</td>
<td>{{ $post->content }}</td>
<td>
<a href="{{ route('posts.show', $post->id) }}">Show</a>
<a href="{{ route('posts.edit', $post->id) }}">Edit</a>
<form action="{{ route('posts.destroy', $post->id) }}" method="POST" style="display:inline;">
@csrf
@method('DELETE')
<button type="submit">Delete</button>
</form>
</td>
</tr>
@endforeach
</table>
</body>
</html>
Langkah 3: Membuat Tampilan Create
Buat file create.blade.php
di resources/views/posts
:
<!-- resources/views/posts/create.blade.php -->
<!DOCTYPE html>
<html>
<head>
<title>Create Post</title>
</head>
<body>
<h1>Create New Post</h1>
<form action="{{ route('posts.store') }}" method="POST">
@csrf
<div>
<label>Title:</label>
<input type="text" name="title">
</div>
<div>
<label>Content:</label>
<textarea name="content"></textarea>
</div>
<button type="submit">Submit</button>
</form>
</body>
</html>
Langkah 4: Membuat Tampilan Show, Edit, dan lainnya
Buat file show.blade.php
, edit.blade.php
, dan tampilan lain yang diperlukan dengan cara yang serupa. Anda dapat menyesuaikan tampilan sesuai kebutuhan Anda.
Dengan ini, Anda telah menyelesaikan tutorial CRUD sederhana dengan Laravel 11. Semoga tutorial ini membantu Anda memahami cara kerja CRUD di Laravel dan bagaimana mengimplementasikannya dalam proyek Anda.