Laravel - Edit & delete With DB Facade

April 03, 2020

Laravel - Edit & delete With DB Facade

Halo semua,

kembali lagi di SekolahQue, kali ini kita masih akan membahas mengenai Laravel. Kita akan melanjutkan project kemarin. Untuk sekarang kita akan lebih membahas mengenai Edit dan Delete with Facade DB.

Sebelum lanjut ke codingan project, pertama - tama kita akan membuat Database Migration.

Langkah pertama :

Langkah kedua :

1.Buka Windows Explorer, Klik kanan My Computer / This PC, pilih Properties

2.Pilih menu Advance system settings

3.Klik Environment Variables

4.Pada tab System Variables, cari Variable Path

5.Klik Edit pada Variable tsb.

Langkah ketiga :

6.Klik New, lalu paste alamat path PHP anda

7.Klik OK

Langkah keempat :

1.Buka CMD, ketik php –v

2.Konfigurasi PATH berhasil apabila muncul tampilan seperti gambar dibawah ini

Langkah kelima :

1.Buka CMD, masuk ke folder laravel menggunakan cd

Langkah keenam :

Nama database bisa disesuaikan sesuai keinginan Anda.

Langkah ketujuh :

Buat tabel siswa ketik perintah php artisan make:migration create_t_siswa.

Secara otomatis akan muncul file baru pada folder database/migration, pada folder laravel Anda.

function up

Fungsi yang dijalankan ketika database di migrate, biasanya menjalankan perintah create table, ataupun alter table

function down

Fungsi yang dijalankan ketika database di rollback, biasanya kebalikan dari fungsi yang dikerjakan pada function up

Langkah kedelapan :

Setiap field pada file database migration yang baru dibuat dapat Anda sesuaikan berdasarkan keinginan dan kebutuhan project Anda.

Langkah kesembilan :

Jalankan perintah tersebut dan kemudian file akan pindah ke database Anda. Setelah selesai, Anda dapat melihatnya pada database kosong yang sebelumnya dibuat di php MyAdmin.

Lakukan hal tersebut ke Tabel t_kelas. Sesuaikan...

Lanjut ke codingan project.

Buka file resources/views/belajar.blade.php, tambahkan kolom baru untuk tombol Aksi Edit

Tag diatas adalah Link untuk mengarahkan ke mode Edit.

Buka file route/web.php

 
Route::get('/siswa', 'SiswaController@index');
Route::get('/siswa/create', 'SiswaController@create');
Route::post('/siswa', 'SiswaController@store');
Route::get('/siswa/{id}/edit','SiswaController@edit');
Route::patch('/siswa/{id}','SiswaController@update');

Perintah edit tersebut akan mengarahkan route /siswa/edit ke function edit pada controller SiswaController dengan method POST.

{id} adalah parameter yang harus ada pada url nya dan parameter tersebut akan dilempar ke controller.

Perintah update tersebut akan mengarahkan route /siswa/{id} ke function update pada controller SiswaController dengan method patch.

Buka file app/Http/Controllers/SiswaController.php

 
// EDIT FOR SISWA
  public function edit(Request $request, $id){
    $data['siswa'] = \DB::table('siswa')->find($id);
    return view('siswa.form', $data);
  }

Fungsi find() pada \DB::table adalah untuk mencari data pada t_siswa berdasarkan id atau primary keynya, sehingga return dari pemanggilan fungsi tersebut berupa objek.

Buka file resources/views/siswa/form.blade.php

 
<form action="{{ url('siswa', @$siswa->
id) }}" class="form1" method="POST">
  <h2>
FORM SISWA</h2>
@csrf

@if(!empty($siswa))
    @method('PATCH')
@endif

<table cellpadding="9" cellspacing="2">
<tr>
      <td>NIS</td> <td> <input type="text" name="NIS" class="form-control" value="{{ old('NIS', @$siswa->NIS) }}"> </td>
      </tr>

PENJELASAN :

 
<form action="{{ url('siswa', @$siswa->
id) }}" class="form1" method="POST">

Digunakan untuk mengarahkan form ke siswa/{id} apabila view form.blade.php dipanggil oleh Controller dengan data $siswa (Edit Mode).

 
@if(!empty($siswa))
    @method('PATCH')
@endif

Digunakan untuk menambahkan method PATCH apabila view form.blade.php dipanggil oleh Controller dengan data $siswa (Edit Mode)

<tr>
      <td>NIS</td> <td> <input type="text" name="NIS" class="form-control" value="{{ old('NIS', @$siswa->NIS) }}"> </td>
</tr>

Parameter pada fungsi old ditambah dengan NIS dari objek $siswa berfungsi untuk menampilkan nilai default untuk input tersebut. $siswa berasal dari controller dan NIS merupakan nama kolom dari tabel t_siswa.

Tambahkan setiap fungsi diatas pada masing - masing form input dan sesuaikan namanya dengan setiap field pada tabel database. Pada radio ataupun selected form juga sama seperti diatas, setiap @$siswa->namafield berada didalam kurung dan diawali dengan ' , ' seperti contoh diatas.

Buka file app/Http/Controllers/SiswaController.php

Tambahkan fungsi :

 
  // UPDATE FOR SISWA
  public function update(Request $request, $id){
    $rule = [
      'NIS' => 'required|numeric',
      'Nama_lengkap' => 'required|string',
      'Jenis_kelamin' => 'required',
      'Kelas' => 'required',
      'Jurusan' => 'required',
      'Golongan_darah' => 'required',
      'Nama_ibu_kandung' => 'required',
      'Alamat' => 'required'
    ];
    $this->validate($request, $rule);

    $input = $request->all();
    unset($input['_token']);
    unset($input['_method']);

    $status = \DB::table('siswa')->where('id', $id)->update($input);

    if($status){
      return redirect('/siswa')->with('success', 'Data berhasil diubah');
    }else{
      return redirect('/siswa/create')->with('error', 'Data gagal diubah');
    }
  }

Buka file resources/views/belajar.blade.php

 
<td>
        <a href="{{ url('/siswa/' .  $row->id . '/edit') }}"> <button type="button" class="btn btn-warning"> <span class="glyphicon glyphicon-pencil"></span> </button> </a>
      </td>
      <td>
        <form action="{{ url('/siswa', $row->
id) }}" method="POST">
          @method('DELETE')
          @csrf
          <button type="submit" class="btn btn-danger"><span class="glyphicon glyphicon-trash"></span></button>
        </form>
</td>

Tambahkan kolom delete setelah tag link untuk edit. Jika sebelumnya terdapat form, kemudian meletakan form delete tersebut didalamnya maka fungsi delete tidak akan berfungsi dan malah akan menjadi error.

Buka file routes/web.php

 
Route::get('/siswa', 'SiswaController@index');
Route::get('/siswa/create', 'SiswaController@create');
Route::post('/siswa', 'SiswaController@store');
Route::get('/siswa/{id}/edit','SiswaController@edit');
Route::patch('/siswa/{id}','SiswaController@update');
Route::delete('/siswa/{id}','SiswaController@destroy');

Perintah delete tersebut akan mengarahkan route /siswa/{id} ke function destroy pada controller SiswaController dengan method POST.

Buka file app/Http/Controllers/SiswaController.php

 
// DESTROY FOR SISWA
  public function destroy(Request $request, $id){
    $status = \DB::table('siswa')->where('id', $id)->delete();

    if($status){
      return redirect('/siswa')->with('success', 'Data berhasil dihapus');
    }else{
      return redirect('/siswa/create')->with('error', 'Data gagal dihapus');
    }
  }

HASIL :

STUDI KASUS 1 :

UPDATE : Jadi, ketika user mengklik atau menekan tombol edit maka hal yang akan dilakukan program adalah dengan menjalankan function edit terlebih dahulu yang mengarahkan ke form edit mode. Kemudian, setelah masuk dan mengisi data yang akan diedit, function update akan dijalankan program. Pada function update tersebut akan memilih data yang sebelumnya telah diklik dan masuk ke edit mode berdasarkan id dan akan memperbaharui data yang sudah di edit.

DESTROY : Sedangkan destroy atau delete, pada saat menekan tombol delete maka program yang akan berjalan adalan function destroy langsung dan akan menghapus data berdasarkan tombol delete pada data yang dipilih. Pemilihannya pun juga sama menggunakan id.

STUDI KASUS 2 :

Buka file kelas.blade.php

 
  <td>
        <a href="{{ url('/fkelas/' .  $row->id . '/editkelas') }}"> <button type="button" class="btn btn-warning"><span class="glyphicon glyphicon-pencil"></span></button> </a>
      </td>
      <td>
        <form action="{{ url('/fkelas', $row->
id) }}" method="post">
          @method('DELETE')
          @csrf
          <button type="submit" class="btn btn-danger"><span class="glyphicon glyphicon-trash"></span></button>
        </form>
</td>

Tambahkan tag seperti sebelumnya pada file belajar.blade.php.

Buka file web.php

 
Route::get('/fkelas', 'SiswaController@Kelas');
Route::get('/fkelas/createkelas', 'SiswaController@createkelas');
Route::post('/fkelas', 'SiswaController@storekelas');
Route::get('/fkelas/{id}/editkelas', 'SiswaController@editkelas');
Route::patch('/fkelas/{id}','SiswaController@updatekelas');
Route::delete('/fkelas/{id}','SiswaController@destroykelas');

Buka file SiswaController.php

 
// EDIT FOR KELAS
  public function editkelas(Request $request, $id){
    $data['kelas'] = \DB::table('kelas')->find($id);
    return view('fkelas.formkelas', $data);
  }

  // UPDATE FOR KELAS
  public function updatekelas(Request $request, $id){
    $rule = [
      'Id_kelas' => 'required|numeric|bail',
      'Nama_kelas' => 'required|string|bail',
      'Ruangan' => 'required|bail',
      'Wali_kelas' => 'required|bail'
    ];
    $this->validate($request, $rule);

    $inputkelas = $request->all();
     unset($inputkelas['_token']);
     unset($inputkelas['_method']);

     $statuskelas = \DB::table('kelas')->where('id', $id)->update($inputkelas);

    if($statuskelas){
      return redirect('/fkelas')->with('success', 'Data berhasil diubah');
    }else{
      return redirect('/fkelas/createkelas')->with('error', 'Data gagal diubah');
    }
  }

HASIL AKHIR :

Sekian dulu ya...
Mohon maaf apabila ada kesalahan atau terdapat yang kurang dipahami...
Coba dirumah dan jangan takut untuk mencoba...
#BelajarBersama

Cari Blog Ini

SekolahQue

Laravel - Edit & delete With DB Facade

Komentar

Posting Komentar

Postingan Populer

Eloquent