Lompat ke konten Lompat ke sidebar Lompat ke footer

Belajar Laravel CRUD Sesi 4 Create Data

 Laravel CRUD Create Data Ke Database

Laravel CRUD (Create)

Laravel CRUD Create Data Ke Database - Sebelumnya kita telah mempelajari cara menampilkan data dari database ke halaman web. Sekarang kita akan membuat web kita mampu memasukkan data ke dalam database. Cara termudah untuk memahami cara kerja Sisipkan data adalah dengan membuat formulir dengan tombol kirim. Ketika tombol ditekan, isi yang telah dimasukkan ke dalam formulir akan disimpan ke database.

Kami akan membuat halaman untuk memasukkan data spesifik formulir. Buka crudpage.blade.php dan tambahkan baris ini setelahnya <h1>:

<div style="text-align:right">
    <button onclick="window.location.href='/add'">Insert Data</button>
</div>

buka file web.php dan tambahkan baris kode berikut:

Route::get('/add', function()
{
    return view('add');
});

ketika kita mengakses '/add', itu akan mengarah ke halaman formulir input.

Persyaratan utama untuk membuat formulir ini adalah::

  1. Harus memiliki metode "POST"
  2. Harus memiliki URL Tindakan.
  3. URL Action digunakan ketika tombol submit ditekan, maka secara otomatis akan mengarah ke URL yang telah disediakan.
  4. Harus memiliki Token
  5. Setiap formulir yang dikirimkan di Laravel wajib memiliki "Token". Jadi kita harus menyertakan token Field di dalamnya. Caranya ada di bawah tag opening form, tulis {{csrf_field}}.
  6. Harus memiliki atribut Nama
  7. Di dalam formulir ada tag Input. Setiap input harus memiliki atribut "nama" dengan format penulisan dengan contoh:
  8. <input nama = "apa nama" ...
  9. Atribut name digunakan untuk menampung data yang akan dikirimkan dan akan ditangkap oleh controller.

Buat file add.blade.php di resources -> views dan gunakan kode berikut:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
 <h1>Add Data</h1>
<form action="/create" method="post">
    {{csrf_field()}}
    <input type="text" id="full_name" name="full_name" placeholder="Full name">
    <br>
    <br>
    <input type="text" id="gender" name="gender" placeholder="Gender">
    <br>
    <br>
    <input type="text" id="address" name="address" placeholder="Address">
    <br>
    <br>
    <input type="submit" value="Save">
</form> 
<br>
<br>
<a href="/crudTest">Back to home</a>
</body>
</html> 

Untuk dapat menyimpan data ke database saat tombol submint (simpan) diklik, kita harus membuat fungsi yang memberikan perintah kepada laravel agar dapat menyimpan data di database.

Katakanlah fungsi yang ingin Anda buat bernama "buat". Dan ketika kita mengklik tombol "simpan", itu mengarah ke halaman "/ buat" dan melanjutkan ke fungsi buat. Nama-nama ini dapat diubah sesuka Anda.

Sekarang, kembali ke file web.php dan buat Rute baru:

Route::post('/create', [CrudtestController::class, 'create']);

Jadi keseluruhan program web.php adalah sebagai berikut:

Sekarang buka pengontrol CrudtestController (aplikasi -> Http -> Controllers -> CrudtestController.php) dan buat fungsi "buat". ini dia programnya:

public function create(Request $request)
    {
        \App\Models\Crud::create($request->all());
        return redirect ('/crudTest')->with('success','Insert data successfully');
    }

Jadi keseluruhan isi controller adalah sebagai berikut:

Sekarang buka Crud Model (app -> Models -> Crud.php) dan buat fillable di kelas crud dengan baris program:

protected $fillable = ['full_name', 'gender', 'address'];

Jadi isi Crud Modelnya adalah sebagai berikut:

Simpan itu.

Buka web browser Maka akan muncul form seperti pada gambar berikut:


Sekarang kami membuat peringatan untuk memberi tahu kami apakah data berhasil dimasukkan atau tidak.

Caranya buka file view add.blade.php, lalu taruh kode berikut di dalam <body>:

@if (session('success'))
     {{session('success')}}
     <br>
     <br>
@endif

Jadi, program lengkap dari file add.blade.php adalah sebagai berikut::

Sekarang. Anda dapat memeriksa program yang telah dibuat sekarang.

Silahkan masukkan datanya kemudian klik tombol Simpan.

Selanjutnya kita akan belajar cara mengupdate atau mengedit data yang ada di database.

Posting Komentar untuk "Belajar Laravel CRUD Sesi 4 Create Data"