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.