Crud Data Pegawai Dengan Laravel (Delete Dan Edit Data)
Judul : Crud Data Pegawai Dengan Laravel (Delete Dan Edit Data)
link : Crud Data Pegawai Dengan Laravel (Delete Dan Edit Data)
Crud Data Pegawai Dengan Laravel (Delete Dan Edit Data)
Halo kawan ketutrare, bagaimana kabar kawan semua ? biar senantiasa dalam kondisi sehat dan sukses. Kali ini kita akan teruskan kembali pembahasan Web dengan Laravel yakni pada bab Delete dan Edit / Update Data.
Oke, bila kawan belum mengikuti bimbingan sebelumnya, sanggup kawan klik pada tautan berikut ini :
- Membuat Form Login dan Form Registrasi di Laravel
- CRUD Data Pegawai dengan Laravel (READ DATA)
- CRUD Data Pegawai dengan Laravel (CREATE DATA)
Saat ini, kita akan teruskan untuk proses Delete data Pegawai dan juga Edit / Update data Pegawai. Tanpa usang - usang lagi, yuk kita mulai tutorialnya.
Pertama, kawan buka kembali code editor beserta project weblaravel yang telah dibentuk sebelumnya. Selanjutnya, kita mulai dengan menghasilkan fungsi DELETE pada data karyawan.
Kita akan buat suatu tombol delete pada dashboard data pegawai. Dan, berikut merupakan code untuk tombol delete.
<form action="/employees/{{$pgw->id }}" method="POST" class="d-inline"> @method('delete') @csrf <button type="submit" class="btn btn-danger btn-sm"><i class="fas fa-trash-alt"></i> Delete</button> </form> Kita telah punya tombol delete pada data pegawai, jadi saat user mengklik tomol delete itu maka akan diarahkan ke route web.php dengan mengambil ID dari pegawai yang hendak dihapus.
Kedua, kawan buka file web.php dan ketikkan code berikut :
Route::delete('/employees/{employee}', [EmployeesController::class, 'destroy']); Dari code tersebut, method delete akan mengakses controller EmployeesController dan menggunakan method destroy().
Ketiga, kawan buka file EmployeesController dan dapatkan pada method destroy dan ketikkan code berikut ini :
public function destroy(Employee $employee) { Employee::destroy($employee->id); return redirect('/employees')->with('status', 'Data Pegawai berhasil DIHAPUS.'); } Kalau sudah, kawan sanggup menyimpan dengan ctrl + s dan kemudian sanggup melakukan fungsinya. Sobat klik pada button DELETE di dashboard data pegawai, kemudian data akan terhapus dan ada warta “Data berhadil dihapus”. Contohnya menyerupai pada gambar berikut ini :
 |
| proses delete data pegawai |
Jadi untuk delete data telah berhasil kita lakukan, selanjutnya kita akan membahsa tentang EDIT / UPDATE data pada data pegawai.
Pertama, kita akan mengarahkan tombol edit untuk membuka form edit data pegawai. Sobat sanggup menyertakan routes gres pada web.php menyerupai berikut :
Route::get('/employees/{employee}/edit', [EmployeesController::class, 'edit']);Kedua, kita buat suatu file gres pada resources - views - employee dengan nama edit.blade.php . Pda file ini akan kita isikan code untuk memperlihatkan data pegawai yang hendak kita edit. Kaprikornus misalnya klik nama tombol Update pada nama Agus, jadi rincian pegawai Agus akan timbul di edit.blade.php ini. Dan berikut ini merupakan code yang sanggup kawan ketikkan di edit.blade.php :
@extends('layout/main') @section('title','Pegawai | Update Data') @section('content') <!-- Begin Page Content --> <div class="container-fluid"> <!-- Page Heading --> <h1 class="h3 mb-4 text-gray-800">Form Update Data Pegawai Laravel</h1> <!-- Basic Card Example --> <div class="card shadow mb-4 col-6"> <div class="card-body"> <form method="post" action="/employees/{{ $employee->id }}"> @method('patch') @csrf <div class="form-group row"> <label for="no_ktp" class="col-sm-4 col-form-label">Nomor KTP</label> <div class="col-sm-8"> <input type="text" class="form-control @error('no_ktp') is-invalid @enderror" id="no_ktp" name="no_ktp" value="{{ $employee->no_ktp }}"> @error('no_ktp') <div class="invalid-feedback">{{ $message }}</div> @enderror </div> </div> <div class="form-group row"> <label for="nama" class="col-sm-4 col-form-label">Nama</label> <div class="col-sm-8"> <input type="text" class="form-control @error('nama') is-invalid @enderror" id="nama" name="nama" value="{{ $employee->nama }}"> @error('nama') <div class="invalid-feedback">{{ $message }}</div> @enderror </div> </div> <div class="form-group row"> <label for="alamat" class="col-sm-4 col-form-label">Alamat</label> <div class="col-sm-8"> <input type="text" class="form-control @error('alamat') is-invalid @enderror" id="alamat" name="alamat" value="{{ $employee->alamat }}"> @error('alamat') <div class="invalid-feedback">{{ $message }}</div> @enderror </div> </div> <div class="form-group row"> <label for="email" class="col-sm-4 col-form-label">Email</label> <div class="col-sm-8"> <input type="email" class="form-control @error('email') is-invalid @enderror" id="email" name="email" value="{{ $employee->email }}"> @error('email') <div class="invalid-feedback">{{ $message }}</div> @enderror </div> </div> <div class="form-group row"> <label for="no_tlp" class="col-sm-4 col-form-label">Nomor Telepon</label> <div class="col-sm-8"> <input type="text" class="form-control @error('no_tlp') is-invalid @enderror" id="no_tlp" name="no_tlp" value="{{ $employee->no_tlp }}"> @error('no_tlp') <div class="invalid-feedback">{{ $message }}</div> @enderror </div> </div> <hr> <a href="/employees" class="btn btn-success btn-icon-split"> <span class="icon text-white-50"> <i class="fas fa-arrow-circle-left"></i> </span> <span class="text">Kembali</span> </a> <button type="submit" class="btn btn-primary btn-icon-split"> <span class="icon text-white-50"> <i class="fas fa-plus-circle"></i> </span> <span class="text">Update Data</span> </button> </form> </div> </div> </div> <!-- /.container-fluid --> @endsection Ketiga, kita buka controller EmloyeesController dan tambahkan code berikut ini :
public function edit(Employee $employee) { return view('employee/edit', ['employee' => $employee]); } Method edit(), gunananya merupakan untuk membuka file edit.blade.php dengan mengantarkan data pegawai yang diambil dari idnya.
Selanjutnya, buat methor update(), yang berfungsi untuk melaksanakan query pergantian data kepada database dari inputan user di form edit pegawai. Dan berikut ini merupakan code dari method update(), silahkan kawan ketikkan pada EmployeesController.
public function update(Request $request, Employee $employee) { // Employee::where('id', $employee->id) ->update([ 'no_ktp' => $request->no_ktp, 'nama' => $request->nama, 'alamat' => $request->alamat, 'email' => $request->email, 'no_tlp' => $request->no_tlp ]); return redirect('/employees')->with('status', 'Data Pegawai berhasil DIUPDATE.'); } Keempat, tambahkan kembali routes yang mengarah ke method update() saat ada user yang telah mengganti data pegawai dan mengklik tombol Update Data pada form Update Data Pegawai. Berikut adaah codenya :
Route::patch('/employees/{employee}', [EmployeesController::class, 'update']); Oke, bila telah semua codenya di copy, kawan sanggup save seluruhnya dan laksanakan programnya. Untuk referensi jadwal yang telah berlangsung merupakan menyerupai berikut :
| Membuat Form Login dan Form Registrasi di Laravel Dan hingga jumpa di bimbingan berikutnya. Terimakasih, salam ketutrare. Demikianlah Artikel Crud Data Pegawai Dengan Laravel (Delete Dan Edit Data)Sekianlah artikel Crud Data Pegawai Dengan Laravel (Delete Dan Edit Data) kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya. Anda sekarang membaca artikel Crud Data Pegawai Dengan Laravel (Delete Dan Edit Data) dengan alamat link https://catalinmiu.blogspot.com/2000/02/crud-data-pegawai-dengan-laravel-delete_16.html |