Laporan Praktikum Modul 6 - PF - Individu - 1204200206

(1)

PRAKTIKUM

PEMROGRAMAN FRAMEWORK

MODUL 6

Laravel Database Tahap Lanjut (Eloquent ORM & Blade Templates)

Disusun Oleh:

Purnama Anaking, S.Kom., M.Kom.

PROGRAM STUDI S1 SISTEM INFORMASI FAKULTAS TEKNOLOGI INFORMASI DAN BISNIS

INSTITUT TEKNOLOGI TELKOM SURABAYA

2023

(2)

DAFTAR ISI

DAFTAR ISI 2

PERTANYAAN 3

KODE PROGRAM 3

1. default.blade.php 3

2. layouts/app.blade.php 3

3. layouts/nav.blade.php 4

4. profile.blade.php 5

5. home.blade.php 5

6. employee/actions.blade.php 5

7. employee/index.blade.php 6

8. employee/create.blade.php 7

9. employee/edit.blade.php 9

10. employee/show.blade.php 11

OUTPUT 13

(3)

PERTANYAAN

1. Praktekkan seluruh poin praktikum yang ada di atas secara INDIVIDU.

2. Dokumentasikan seluruhnya (screenshot kode program, output pada browser, jawaban pertanyaan) dalam bentuk Laporan Praktikum.

3. Upload manual project laravel hasil praktikum ke github (hapus folder node_modules & vendor).

a. Buat repository public baru pada akun github anda.

b. Klik link “Uploading an existing file” untuk meng-upload project laravel yang telah anda buat.

a. Cantumkan URL repository yang telah dibuat pada Laporan Praktikum.

4. Kumpulkan Laporan Praktikum (.pdf) yang telah dibuat di dalam praktikum via E-Learning paling lambat sebelum jadwal praktikum minggu depan.

KODE PROGRAM

1. default.blade.php

<h4>{{ $pageTitle }}</h4>

<hr>

<div class="d-flex align-items-center py-2 px-4 bg-light rounded-3

border">

<h4 class="mb-0">Well done! this is {{ $pageTitle }}.</h4>

</div>

2. layouts/app.blade.php

<!DOCTYPE html>

<head>

initial-scale=1.0">

<title>{{ $pageTitle }}</title>

@vite('resources/sass/app.scss')

</head>

<body>

@include('layouts.nav')

(4)

@yield('content')

@vite('resources/js/app.js')

</body>

</html>

3. layouts/nav.blade.php

@php

$currentRouteName = Route::currentRouteName();

@endphp

<a href="{{ route('home') }}" class="navbar-brand mb-0 h1"><i

class="bi-hexagon-fill me-2"></i> Data Master</a>

<button type="button" class="navbar-toggler" data-bs-toggle="collapse"

data-bs-target="#navbarSupportedContent">

</button>

<a href="{{ route('home') }}" class="nav-link @if

($currentRouteName == 'home') active @endif">

Home</a>

</li>

<a href="{{ route('employees.index') }}"

class="nav-link @if ($currentRouteName ==

'employees.index') active @endif">

Employee

</a>

</li>

</ul>

<a href="{{ route('profile') }}" class="btn btn-outline-light my-2

ms-md-auto">

My Profile

</a>

</div>

</nav>

(5)

Ketiga kode program di atas merupakan deklarasi template yang nanti digunakan pada view tertentu dan bisa dipakai dalam sejumlah view yang dituju, seperti penggunaan nav pada tiap view.

4. profile.blade.php

@extends('layouts.app')

@section('content')

@include('default')

@endsection

5. home.blade.php

@section('content')

@include('default')

@endsection

Kedua file view di atas menggunakan format Eloquent yang serupa karena isi konten yang serupa atau persis. Dan hanya butuh memanggil template-template tambahan saja.

6. employee/actions.blade.php

<a href="{{ route('employees.show', ['employee' => $employee->id]) }}"

class="btn btn-outline-dark btn-sm me-2">

</a>

<a href="{{ route('employees.edit', ['employee' => $employee->id]) }}"

class="btn btn-outline-dark btn-sm me-2">

</a>

<div>

$employee->id]) }}" method="POST">

@csrf

@method('delete')

</button>

</form>

</div>

(6)

File ini hanya ditujukan untuk penggunaan dalam index dimana pada kolom terakhir terdapat sejumlah tombol untuk show, edit maupun delete data yang ditampilkan dalam tabel.

7. employee/index.blade.php

@section('content')

<h4 class="mb-3">{{ $pageTitle }}</h4>

</div>

<a href="{{ route('employees.create') }}" class="btn

btn-primary">Create Employee</a>

</div>

<hr>

<table class="table table-bordered table-hover table-striped

mb-0 bg-white">

<thead>

<tr>

<th>First Name</th>

<th>Email</th>

<th>Position</th>

</tr>

</thead>

<tbody>

@foreach ($employees as $employee)

<tr>

<td>{{ $employee->firstname }}</td>

<td>{{ $employee->lastname }}</td>

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

<td>{{ $employee->age }}</td>

<td>{{ $employee->position->name }}</td>

<td>@include('employee.actions')</td>

</tr>

@endforeach

</tbody>

</table>

</div>

(7)

</div>

@endsection

8. employee/create.blade.php

@section('content')

@csrf

<h4>Create Employee</h4>

</div>

<hr>

<label for="firstName" class="form-label">First

Name</label>

<input class="form-control @error('firstName')

is-invalid @enderror" type="text"

name="firstName" id="firstName" value="{{

old('firstName') }}"

placeholder="Enter First Name">

@error('firstName')

<div class="text-danger"><small>{{ $message

}}</small></div>

@enderror

</div>

<label for="lastName" class="form-label">Last

Name</label>

<input class="form-control @error('lastName')

name="lastName" id="lastName" value="{{

old('lastName') }}" placeholder="Enter Last Name">

@error('lastName')

}}</small></div>

@enderror

</div>

<label for="email" class="form-label">Email</label>

<input class="form-control @error('email') is-invalid

(8)

@enderror" type="text" name="email"

id="email" value="{{ old('email') }}"

placeholder="Enter Email">

@error('email')

}}</small></div>

@enderror

</div>

<input class="form-control @error('age') is-invalid

@enderror" type="text" name="age"

id="age" value="{{ old('age') }}"

placeholder="Enter Age">

@error('age')

}}</small></div>

@enderror

</div>

<label for="position"

class="form-label">Position</label>

<select name="position" id="position"

class="form-select">

@foreach ($positions as $position)

<option value="{{ $position->id }}"

{{ old('position') == $position->id ? 'selected' : '' }}>

{{ $position->code . ' - ' .

$position->name }}</option>

@endforeach

</select>

@error('position')

}}</small></div>

@enderror

</div>

<hr>

<a href="{{ route('employees.index') }}" class="btn

btn-outline-dark btn-lg mt-3">

Cancel</a>

</div>

<button type="submit" class="btn btn-dark btn-lg

(9)

mt-3">

Save</button>

</div>

</form>

</div>

@endsection

9. employee/edit.blade.php

@section('content')

<form action="{{ route('employees.update', ['employee' => $employee->id])

}}" method="POST">

@csrf

@method('put')

<h4>Edit Employee</h4>

</div>

<hr>

<label for="firstName" class="form-label">First

Name</label>

<input class="form-control @error('firstName')

name="firstName" id="firstName"

value="{{ $errors->any() ? old('firstName') :

$employee->firstname }}"

placeholder="Enter First Name">

@error('firstName')

}}</small></div>

@enderror

</div>

Name</label>

<input class="form-control @error('lastName')

(10)

name="lastName" id="lastName"

value="{{ $errors->any() ? old('lastName') :

$employee->lastname }}"

placeholder="Enter Last Name">

@error('lastName')

}}</small></div>

@enderror

</div>

<input class="form-control @error('email') is-invalid

@enderror" type="text" name="email"

id="email" value="{{ $errors->any() ? old('email') : $employee->email }}"

placeholder="Enter Email">

@error('email')

}}</small></div>

@enderror

</div>

<input class="form-control @error('age') is-invalid

@enderror" type="text" name="age"

id="age" value="{{ $errors->any() ? old('age') :

$employee->age }}"

placeholder="Enter Age">

@error('age')

}}</small></div>

@enderror

</div>

<label for="position"

class="form-label">Position</label>

<select name="position" id="position"

class="form-select">

@php

$selected = '';

if ($errors->any()) {

$selected = old('position');

} else {

$selected = $employee->position_id;

}

@endphp

@foreach ($positions as $position)

<option value="{{ $position->id }}" {{

(11)

$selected == $position->id ? 'selected' : '' }}>

{{ $position->code . ' - ' .

$position->name }}

</option>

@endforeach

</select>

@error('position')

}}</small></div>

@enderror

</div>

<hr>

Cancel</a>

</div>

<button type="submit" class="btn btn-dark btn-lg

mt-3">

Edit</button>

</div>

</form>

</div>

@endsection

10.employee/show.blade.php

@section('content')

<h4>Detail Employee</h4>

</div>

<hr>

(12)

<label for="firstName" class="form-label">First Name</label>

<h5>{{ $employee->firstname }}</h5>

</div>

Name</label>

<h5>{{ $employee->lastname }}</h5>

</div>

<h5>{{ $employee->email }}</h5>

</div>

<h5>{{ $employee->age }}</h5>

</div>

<label for="age" class="form-label">Position</label>

<h5>{{ $employee->position->name }}</h5>

</div>

<hr>

</div>

@endsection

(13)

OUTPUT

(14)

(15)

Link Github:

https://github.com/KonekkoNekko/PrakMod06_FemWKWK