by 
Langkah 1
Seperti biasa teman teman silahkan buka xampp dan start apache dan MySqlnya dan buka project kita
Langkah 2
pertama kita ke controller dan isi di bagian function edit() seperti berikut
public function edit($id)
{
$siswa=SiswaModel::find($id);
return view('edit',compact('siswa'));
}
Jika sudah kita buat lagi di function updatenya sepeti berikut
public function update(Request $request, $id)
{
SiswaModel::find($id)->update($request->all());
return redirect(route('siswa.index'));
}
Jika sudah kita isikan lagi di bagian public function destroy isi kodingan berikut
public function destroy($id)
{
SiswaModel::find($id)->delete();
return redirect(route('siswa.index'));
}
Langkah 3
Jika sudah kita akan membuat view edit.blade.php lalu isi kodingannya seperti beikut
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="{{ asset('asset/css/bootstrap.min.css')}}" />
</head>
<body>
<div class="container">
<div class="container" style="margin-top: 20px">
<div class="col-md-30">
<div class="row mt-3">
<div class="col-md-8">
<div class="card">
<div class="card-header">EDIT SISWA</div>
<div class="card-body col-sm-3">
<form action="{{route('siswa.update',$siswa->id_siswa)}}" method="post">
@csrf
@method('PATCH')
<div class="form-group">
<label for="Nama Siswa">Nama Siswa</label>
<input type="text" class="form-control" name="nama" value="{{$siswa->nama}}">
</div>
<div class="form-group">
<label for="Nis">Nis</label>
<input type="text" class="form-control" name="nis" value="{{$siswa->nis}}">
</div>
<div class="form-group">
<label for="Kelas">Kelas</label>
<input type="text" class="form-control" name="kelas"value="{{$siswa->kelas}}">
</div>
<div class="form-group">
<label for="Alamat">Alamat</label>
<input type="text" class="form-control" name="alamat"value="{{$siswa->alamat}}">
</div>
<input type="submit" value="Submit" class="btn btn-light">
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Lalu Kita tinggal isi dibagian view siswa kita seperti berikut
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="{{ asset('asset/css/bootstrap.min.css')}}" />
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover {
background-color: #111;
}
</style>
<ul>
<li><a class="active" href="index">Home</a></li>
<li><a href="">Link 1</a></li>
<li><a href="">Link 2</a></li>
<li><a href="">Link 3</a></li>
</ul>
<!-- Sidebar -->
<div class="w3-sidebar w3-light-grey w3-bar-block" style="width:8%">
<h3 class="w3-bar-item">Menu</h3>
<a href="#" class="w3-bar-item w3-button">Link 1</a>
<a href="#" class="w3-bar-item w3-button">Link 2</a>
<a href="#" class="w3-bar-item w3-button">Link 3</a>
</div>
</head>
<body>
<div class="container">
<h1>Table Data Siswa</h1>
<table class="table table-hover">
<a href="{{route('siswa.create')}}" class="btn btn-success">Add</a>
<tr>
<td>No</td>
<td>Nama</td>
<td>Nis</td>
<td>Kelas</td>
<td>Alamat</td>
<td>Action</td>
</tr>
@foreach($siswa as $murid)
<tr>
<td>{{ $murid->id_siswa }}</td>
<td>{{ $murid->nama }}</td>
<td>{{ $murid->nis}}</td>
<td>{{ $murid->kelas }}</td>
<td>{{ $murid->alamat }}</td>
<td>
<form action="{{route('siswa.destroy', $murid->id_siswa)}}" method="post">
<a href="{{route('siswa.edit',$murid->id_siswa)}}" class="btn btn-warning">Edit</a>
@csrf
@method('DELETE')
<input type="submit" value="Delete" class="btn btn-danger">
</form>
</td>
</tr>
@endforeach
</table>
</div>
</body>
</html>
Kemudian kita Save Semua filenya dan kita akan coba run dan ini lah hasilnya jika sudah akan seperti ini
Tampilannya
Sesudah Edit data Lauren
Sesudah Hapus Data Lauren
No comments:
Post a Comment