Validasi, Create, Update dan Delete data pada Laravel 10 #7

Setelah berhasil menampilkan data yang ada pada database dengan menggunakan controller dan model pada laravel 10, sekarang kita akan menambahkan fungsi tambah data. Berikut adalah langkahnya :

Buka file web.php, lalu ketikan kode berikut :

Route::get('/students/create', [StudentsController::class, 'create'])->name('create');

Penjelasan

Route::get('/students/create', [StudentsController::class, 'create'])->name('create');

• Route::get berfungsi untuk mendefinisikan sebuah rute baru dengan metode GET pada aplikasi web Laravel.
• '/students/create' adalah URL endpoint yang akan menanggapi request dengan metode GET. Dalam konteks ini, ‘/students/create’ mungkin dipakai untuk menampilkan form untuk membuat data student baru.
• StudentsController::class, 'create' akan memanggil method ‘create’ dalam controller ‘StudentsController’. Method ini biasanya digunakan untuk menampilkan view atau form pembuatan data baru dalam paradigma MVC.
• ->name('create') adalah nama yang diberikan pada rute ini. Dengan memberikan nama pada rute, kita bisa merujuk pada rute ini dengan lebih mudah ketika menggunakannya untuk tujuan navigasi di dalam aplikasi, tanpa harus mengetahui URL sebenarnya.

Dengan demikian, baris kode ini secara umum berarti: “Pada aplikasi ini, saat ada HTTP GET request ke ‘/students/create’, panggil method ‘create’ dalam ‘StudentsController’, dan beri rute ini nama ‘create'”.

Langkah selanjutnya silahkan buat folder baru dengan nama students, kemudian setelah itu silahkan tambahkan 1 buah file dengan nama create.blade.php

Lalu tambahkan sintak html seperti dibawah ini

<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
            {{ __('Create Data Students') }}
        </h2>
    </x-slot>

    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
            <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg p-3">
                <h4 class="mb-2">Create Data</h4>

                <div class="card">
                    <div class="card-body">
                        -----------------------
                    </div>
                </div>
            </div>
        </div>
    </div>
</x-app-layout>