Edit dan Delete Data dengan Database

Assalamualaikum Wr, Wb.

Kembali lagi di SchoolBlog, dengan saya Muhamad Syahrul Ramadhan yang akan menyampaikan setiap materi yang telah saya pelajari disekolah. Untuk postingan kali ini saya akan melanjutkan materi yang sudah saya bahas di postingan sebelumnya, dengan tema Edit dan Delete Data dengan Database. Mari langsung saja kepembahasannya Yuk...

Edit Data dengan Database Facade

Buka file siswa.blade.php, tambahkan kolom baru untuk tombol aksi seperti ini :

<a href="{{ url('/siswa/create') }}">Tambah Data</a> <table border="1"> <tr> <th>No</th> <th>NIS</th> <th>Nama Lengkap</th> <th>Jenis Kelamin</th> <th>Kelas</th> <th>Golongan Darah</th> <th>Aksi</th> </tr> @foreach ($siswa as $row) <tr> <td>{{ isset($i) ? ++$i : $i = 1 }}</td> <td>{{ $row->nis }}</td> <td>{{ $row->nama_lengkap }}</td> <td>{{ $row->jenis_kelamin }}</td> <td>{{ $row->kelas }}</td> <td>{{ $row->golongan_darah }}</td> <td> <a href="{{ url('/siswa/' . $row->id . '/edit')}}">Edit</a>|| </td> </tr> @endforeach </table>

Buka file siswa/form.blade.php, lalu edit codingan menjadi seperti di bawah ini :

@if(session('error')) <div class="alert alert-error"> {{ session('error') }} </div> @endif @if (count($errors) > 0) <div class="alert alert-danger"> <strong>Perhatian</strong><br/> <ul> @foreach ($errors->all() as $error) <li>{{ $error }}</li> @endforeach </ul> </div> @endif <h1> Form Siswa</h1> <form class="" action="{{ url('siswa', @$siswa-> id) }}" method="POST"> @csrf @if(!empty($siswa)) @method('PATCH') @endif NIS : <input type="text" name="nis" value="{{ old('nis', @$siswa->nis) }}"/><br/> Nama Lengkap : <input type="text" name="nama_lengkap" value="{{ old('nama_lengkap', @$siswa->nama_lengkap) }}"/><br/> Jenis Kelamin : <br/> <label><input type="radio" name="jenis_kelamin" value="L" {{ (old('jenis_kelamin', @$siswa->jenis_kelamin) == 'L') ? 'checked' : '' }}> L </label><br/> <label><input type="radio" name="jenis_kelamin" value="P" {{ (old('jenis_kelamin', @$siswa->jenis_kelamin) == 'P') ? 'checked' : '' }}> P </label><br/> Kelas : <select class="" name="kelas"> <option value="-" {{ (old('kelas', @$siswa->kelas) == '-') ? 'selected' : '' }}>-Pilih kelas-</option> <option value="XI - TITL 1" {{ (old('kelas', @$siswa->kelas) == 'XI - TITL 1') ? 'selected' : '' }}>XI - TITL 1</option> <option value="XI - TITL 2" {{ (old('kelas', @$siswa->kelas) == 'XI - TITL 2') ? 'selected' : '' }}>XI - TITL 2</option> <option value="XI - TOI 1" {{ (old('kelas', @$siswa->kelas) == 'XI - TOI 1') ? 'selected' : '' }}>XI - TOI 1</option> <option value="XI - TOI 2" {{ (old('kelas', @$siswa->kelas) == 'XI - TOI 2') ? 'selected' : '' }}>XI - TOI 2</option> <option value="XI - TAV 1" {{ (old('kelas', @$siswa->kelas) == 'XI - TAV 1') ? 'selected' : '' }}>XI - TAV 1</option> <option value="XI - TAV 2" {{ (old('kelas', @$siswa->kelas) == 'XI - TAV 2') ? 'selected' : '' }}>XI - TAV 2</option> <option value="XI - TAV 3" {{ (old('kelas', @$siswa->kelas) == 'XI - TAV 3') ? 'selected' : '' }}>XI - TAV 3</option> <option value="XI - TKJ 1" {{ (old('kelas', @$siswa->kelas) == 'XI - TKJ 1') ? 'selected' : '' }}>XI - TKJ 1</option> <option value="XI - TKJ 2" {{ (old('kelas', @$siswa->kelas) == 'XI - TKJ 2') ? 'selected' : '' }}>XI - TKJ 2</option> <option value="XI - RPL 1" {{ (old('kelas', @$siswa->kelas) == 'XI - RPL 1') ? 'selected' : '' }}>XI - RPL 1</option> <option value="XI - RPL 2" {{ (old('kelas', @$siswa->kelas) == 'XI - RPL 2') ? 'selected' : '' }}>XI - RPL 2</option> <option value="XI - RPL 3" {{ (old('kelas', @$siswa->kelas) == 'XI - RPL 3') ? 'selected' : '' }}>XI - RPL 3</option> <option value="XI - MM" {{ (old('kelas', @$siswa->kelas) == 'XI - MM') ? 'selected' : '' }}>XI - MM</option> </select><br/> alamat : <input type="text" name="alamat" value="{{ old('alamat', @$siswa->alamat) }}"><br/> Golongan Darah: <select class="" name="golongan_darah"> <option value="-" {{ (old('golongan_darah', @$siswa->golongan_darah) == '-') ? 'selected' : '' }}>-Pilih Goldar-</option> <option value="A" {{ (old('golongan_darah', @$siswa->golongan_darah) == 'A') ? 'selected' : '' }}>A</option> <option value="B" {{ (old('golongan_darah', @$siswa->golongan_darah) == 'B') ? 'selected' : '' }}>B</option> <option value="AB" {{ (old('golongan_darah', @$siswa->golongan_darah) == 'AB') ? 'selected' : '' }}>AB</option> <option value="O" {{ (old('golongan_darah', @$siswa->golongan_darah) == 'O') ? 'selected' : '' }}>O</option> </select><br/> Nama Ibu : <input type="text" name="nama_ibu_kandung" value="{{ old('nama_ibu_kandung', @$siswa->nama_ibu_kandung) }}"><br/> Foto : <input type="file" class="form-control" name="file" value="{{ old('file', @$siswa->file) }}"/><br/> <input type="submit" name="" value="Simpan"> </form>

Buka file web.php, tambahkan route edit seperti ini :

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

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

Buka file SiswaController.php, tambahkan function ini :

public function edit(Request $request, $id) { $data['siswa'] = \DB::table('t_siswa')->find($id); return view('siswa.form', $data); } public function update(Request $request, $id) { $rule = [ 'nis' => 'required|numeric', 'nama_lengkap' => 'required|String', 'jenis_kelamin' => 'required', 'kelas' => 'required', 'alamat' => 'required', 'golongan_darah' => 'required', 'nama_ibu_kandung' => 'required', 'file' => 'required' ]; $this->validate($request, $rule); $input = $request->all(); unset($input['_token']); unset($input['_method']); $status = \DB::table('t_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'); } }

Langsung aja Coba di Browser, dan hasilnya akan seperti ini :

Klik edit pada kolom yang akan di edit

Edit lah sesuai yang di butuhkan 

dan hasilnya akan berubah pada tabel siswa seperti ini 

Delete Data dengan Database Facade

Buka file siswa.blade.php, tambahkan kolom baru pada tag @foreach seperti ini :

<a href="{{ url('/siswa/create') }}">Tambah Data</a> <table border="1"> <tr> <th>No</th> <th>NIS</th> <th>Nama Lengkap</th> <th>Jenis Kelamin</th> <th>Kelas</th> <th>Golongan Darah</th> <th>Aksi</th> </tr> @foreach ($siswa as $row) <tr> <td>{{ isset($i) ? ++$i : $i = 1 }}</td> <td>{{ $row->nis }}</td> <td>{{ $row->nama_lengkap }}</td> <td>{{ $row->jenis_kelamin }}</td> <td>{{ $row->kelas }}</td> <td>{{ $row->golongan_darah }}</td> <td><a href="{{ url('/siswa/' . $row->id . '/edit')}}">Edit</a>|| <form class="" action="{{ url('/siswa', $row-> id) }}" method="post"> @method('DELETE') @csrf <button type="submit">Delete</button> </form> </td> </tr> @endforeach </table>

Buka file web.php, tambahkan route edit seperti ini :

Route::delete('/siswa/{id}', 'SiswaController@destroy');
{id} adalah parameter yang harus ada pada url nya dan parameter tersebut akan dilempar ke controller.

Buka file Siswa.controller.php, tambahkan function ini :

public function destroy(Request $request, $id) { $status = \DB::table('t_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'); } }

Langsung aja Coba di Browser, dan hasilnya akan seperti ini :

kllik delete pada baris siswa yang akan di hapus

dan hasilnya akan muncul pesan terhapus dan data sudah terhapus seperti ini 

Studi kasus

1. Jelaskan isi dari fungsi update dan destroy!

jawab :

Update

   Fungsi dari update ini adalah untuk mengambil terlebih dahulu data yang telah ada dari database kita, lalu ada juga update($input) fungsi ini pula yang mengirimkan data terbaru dari edit sesuai dengan yang user input. ada kata kunci rule untuk validasi, ada percanbangan if else, jika data gagal diubah atauoun berhasil diubah apa yang akan terjadi.

Destroy

   Fungsi dari destroy ini adalah untuk menghapus data yang user pilih. Caranya adalah mengambil data dari database sesuai dengan yang user pilih, data mana yang akan dihapus dengan menggunkan delete() untuk menghapusnya. Di fungsi ini juga ada percabngan if else, jika data gagal dihapus ataupun berhasil dihapus apa yang akan terjadi.

2. Lakukan hal yang sama pada tabel kelas (edit dan delete)

jawab :

kelas.blade.php

<a href="{{ url('/kelas/create') }}">Tambah Kelas</a> <table border="1"> <tr> <th>Id Kelas</th> <th>Nama Kelas</th> <th>Jurusan</th> <th>Ruangan</th> <th>Wali Kelas</th> <th>Aksi</th> </tr> @foreach ($kelas as $kls) <tr> <td>{{ $kls->id }}</td> <td>{{ $kls->nama_kelas }}</td> <td>{{ $kls->jurusan }}</td> <td>{{ $kls->lokasi_ruangan }}</td> <td>{{ $kls->nama_wali_kelas }}</td> <td><a href="{{ url('/kelas/' . $kls->id . '/edit')}}">Edit</a>|| <form class="" action="{{ url('/kelas', $kls-> id) }}" method="post"> @method('DELETE') @csrf <button type="submit">Delete</button> </form> </td> </tr> @endforeach </table>

form.blade.php

<h1> Form Kelas</h1> <form class="" action="{{ url('kelas', @$kelas-> id) }}" method="POST"> @csrf @if(!empty($kelas)) @method('PATCH') @endif Id.Kelas : <input type="text" name="id" value="{{ old('id', @$kelas->id) }}"/><br/> Nama Kelas : <input type="text" name="nama_kelas" value="{{ old('nama_kelas', @$kelas->nama_kelas) }}"/><br/> Jurusan : <input type="text" name="jurusan" value="{{ old('jurusan', @$kelas->jurusan) }}"/><br/> Lokasi Ruangan : <input type="text" name="lokasi_ruangan" value="{{ old('lokasi_ruangan', @$kelas->lokasi_ruangan) }}"/><br/> Wali Kelas : <input type="text" name="nama_wali_kelas" value="{{ old('nama_wali_kelas', @$kelas->nama_wali_kelas) }}"/><br/> <input type="submit" name="" value="Simpan"> </form>

KelasController.php

public function edit(Request $request, $id) { $data['kelas'] = \DB::table('t_kelas')->find($id); return view('kelas.form', $data); } public function update(Request $request, $id) { $rule = [ 'nama_kelas' => 'required|String', 'jurusan' => 'required', 'lokasi_ruangan' => 'required', 'nama_wali_kelas' => 'required' ]; $this->validate($request, $rule); $input = $request->all(); unset($input['_token']); unset($input['_method']); $status = \DB::table('t_kelas')->where('id', $id)->update($input); if ($status) { return redirect('/kelas')->with('success', 'Data berhasil diubah'); }else{ return redirect('/kelas/create')->with('error', 'Data gagal diubah'); } } public function destroy(Request $request, $id) { $status = \DB::table('t_kelas')->where('id', $id)->delete(); if ($status) { return redirect('/kelas')->with('success', 'Data berhasil dihapus'); }else{ return redirect('/kelas/create')->with('error', 'Data gagal dihapus'); } }

web.php

// controller t_kelas Route::get('/kelas', 'KelasController@t_kelas'); Route::get('/kelas/create', 'KelasController@create'); Route::post('/kelas', 'KelasController@store'); Route::get('/kelas/{id}/edit', 'KelasController@edit'); Route::patch('/kelas/{id}', 'KelasController@update'); Route::delete('/kelas/{id}', 'KelasController@destroy');

Hasilnya!

Edit :

Delete :

Alhamdulilah untuk postingan kali ini cukup sampai disini dulu. Mohon maaf bila ada kesalahan kata. Terimakasih sudah melihat blog saya. Sampai jumpa dipostingan selanjutnya..

Wassalamualaikum Wr, Wb.