CRUD (Create, Read, Update,Delete) Data User

(1)

CRUD (Create, Read, Update,Delete) Data User

1. Open folder project sebelumnya.

2. Silahkan membuat folde baru di app/resouce/views. Buat folder dengan nama

“admin”. Didalam folder admin tambahkan folder baru dengan nama “master”.

Kemudian dalam folder master buatkan folder baru lagi untuk folder “user, barang, dan jenisbarang”.

3. Selanjutnya buatkan juga folder dengan nama“layout” di app/resouce/views, kemudian tambahkan file baru didalamnya dengan nama file “layout.blade.php”.

4. Tambahkan User Controller dengan perintah di bawah ini di terminal/cmd. Pastikan perintahnya benar tanpa typo:

php artisan make:controller UserController

5. Selanjutnya buka file di direktori app/resouce/views /layout/layout.blade.php yang telah kita buat dan ketikkan kode berikut, pastikan penulisan benar tanpa typo!

<!DOCTYPE html>

<head>

href="/assets/images/favicon.png">

(2)

<link

href="/assets/plugins/tables/css/datatable/dataTables.bootstrap4.min.css"

rel="stylesheet">

</head>

<body>

<!--*******************

Preloader start ********************-->

<circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3"

stroke-miterlimit="10" />

</svg>

</div>

<!--*******************

Preloader end

********************-->

<!--**********************************

Main wrapper start

***********************************-->

<!--**********************************

Nav header start

***********************************-->

</span>

</a>

</div>

<!--**********************************

Nav header end

***********************************-->

<!--**********************************

(3)

Header start

***********************************-->

</div>

</div>

<ul>

<li>

<a href="a"><i class="icon-user"></i> <span>Profile</span></a>

</li>

<span>Logout</span></a></li>

</ul>

</div>

</li>

</ul>

</div>

<!--**********************************

Header end ti-comment-alt

***********************************-->

<!--**********************************

Sidebar start

***********************************-->

<li class="nav-label">Dashboard</li>

(4)

<li>

<i class="icon-speedometer menu-icon"></i><span class="nav-text">Dasboard</span>

</a>

</li>

<li class="nav-label">UI Components</li>

<li>

<i class="icon-speedometer menu-icon"></i><span class="nav-text">Setting Diskon</span>

</a>

</li>

<i class="icon-globe-alt menu-icon"></i><span class="nav-text">Data Master</span>

</a>

<li><a href="/jenisbarang">Data Jenis Barang</a></li>

<li><a href="/barang">Data Barang</a></li>

</ul>

</li>

<li>

<i class="icon-speedometer menu-icon"></i><span class="nav-text">Data Transaksi</span>

</a>

</li>

<li>

<i class="icon-speedometer menu-icon"></i><span class="nav-text">Data Laporan</span>

</a>

</li>

</ul>

</div>

<!--**********************************

Sidebar end

***********************************-->

(5)

@yield('content')

<!--**********************************

Footer start

***********************************-->

</div>

<!--**********************************

Footer end

***********************************-->

</div>

<!--**********************************

Main wrapper end

***********************************-->

<!--**********************************

Scripts

***********************************-->

<script

src="/assets/plugins/tables/js/datatable/dataTables.bootstrap4.min.js"></script>

</body>

</html>

6. Selanjutnya dalam folder user (app/resouce/views/admin/master/user) tambahkan file baru dengan nama “list.blade.php” kemudian tuliskan kode berikut. Pastikan penulisan benar tanpa typo!

@extends('layout.layout') @section('content')

<li class="breadcrumb-item"><a href="javascript:void(0)">Dashboard</a></li>

(6)

<li class="breadcrumb-item active"><a href="javascript:void(0)">{{ $title}}</a></li>

</ol>

</div>

<h4 class="card-title">{{ $title}}</h4>

Tambah Data </button>

</div>

<thead>

<tr>

<th>Email</th>

<th>Action</th>

</tr>

</thead>

<tbody>

@php $no = 1;

@endphp

@foreach ($data_user as $row)

<tr>

<td>{{ $row->email}}</td>

(7)

<td>

<a href="#" class="btn btn-xs btn- danger" data-toggle="modal" data-target="#modalHapus{{$row->id}}"><i class="fa fa-trash"></i> Hapus</a>

</td>

</tr>

@endforeach

</tbody>

</table>

</div>

<h5 class="modal-title">Create Data User</h5>

</button>

</div>

@csrf

<label> Nama Lengkap</label>

<input type="text" class="form-control" name="name" placeholder="

Nama Lengkap..." required>

</div>

<label> Email</label>

<input type="email" class="form-control" name="email"

placeholder=" Email..." required>

</div>

(8)

<label>Password</label>

<input type="password" class="form-control" name="password"

placeholder=" Password..." required>

</div>

<option value="" hidden>..pilih role.. </option>

<option value="admin">Admin </option>

<option value="kasir">kasir</option>

</select>

</div>

<button type="button" class="btn btn-secondary" data-dismiss="modal"><i class="fa fa-undo"></i> Close</button>

<button type="submit" class="btn btn-primary"><i class="fa fa- save"></i>Save Changes</button>

</div>

</form>

</div>

@foreach ($data_user as $d)

<div class="modal fade" id="modalEdit{{$d->id}}" tabindex="-1" role="dialog"

aria-hidden="true">

</button>

</div>

@csrf

<label> Nama Lengkap</label>

<input type="text" value="{{$d->name}}" class="form-control"

name="name" placeholder=" Nama Lengkap..." required>

</div>

(9)

<label> Email</label>

<input type="email" value="{{$d->email}}" class="form-control"

name="email" placeholder=" Email..." required>

</div>

<label>Password</label>

<input type="password" class="form-control" name="password"

placeholder=" Password..." required>

</div>

<option value="" hidden>..pilih role.. </option>

<option value="admin">Admin </option>

<option value="kasir">kasir</option>

</select>

</div>

<button type="button" class="btn btn-secondary" data-dismiss="modal"><i class="fa fa-undo"></i> Close</button>

<button type="submit" class="btn btn-primary"><i class="fa fa- save"></i>Save Changes</button>

</div>

</form>

</div>

@endforeach

@foreach ($data_user as $c)

<div class="modal fade" id="modalHapus{{$c->id}}" tabindex="-1" role="dialog"

aria-hidden="true">

</button>

</div>

(10)

<h5>Apakah Anda Ingin Menghapus Data Ini ?</h5>

</div>

<button type="button" class="btn btn-secondary" data- dismiss="modal"><i class="fa fa-undo"></i> Close</button>

<button type="submit" class="btn btn-danger"><i class="fa fa- trash"></i> Hapus</button>

</div>

</form>

</div>

@endforeach

@endsection

7. Selanjutnya kita akan membuat routenya pada web.php sebagai berikut

8. Pada bagian UserContrroller kita Use dulu untuk modelnya dengan Use App/Models/user;

selanjutnya tuliskan kode sebagi berikut

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Models\User;

use Illuminate\Support\Facades\Hash;

class UserController extends Controller {

public function home() {

$data = array(

'title' => 'Data User', 'data_user' => User::all(), );

return view('admin.master.user.list', $data);

(11)

}

public function store(Request $request) {

User::create([

'name' => $request->name, 'email' => $request->email,

'password'=> Hash::make($request->password), 'role' => $request->role,

]);

return redirect('/user')->with('success','Data berhasil disimpan');

}

public function update(Request $request, $id) {

User::where('id', $id) ->update([

'name' => $request->name, 'email' => $request->email,

'password'=> Hash::make($request->password), 'role' => $request->role,

]);

return redirect('/user')->with('success','Data berhasil diubah');

}

public function destroy($id) {

User::where('id', $id)->delete();

return redirect('/user')->with('success', 'Data berhasil dihapus');

} }

9. Jika semua langkah sudah dikerjakan, silakan uji coba running project kalian dengan

mengetik di terminal/cmd php artisan serve

(12)

Cobalah untuk melakukan aksi Tambah data, edit dan hapus!

(13)

CRUD (Create, Read, Update,Delete) Data User