ISH3D4 – PENGEMBANGAN APLIKASI WEB
“Penerapan Konsep MVC dan CRUD Framework
Laravel”
Team
Program Studi S1 Sistem Informasi
Fakultas Rekayasan Industri
Pokok Bahasan
1. Penerapan MVC Laravel;
2. Create-Read-Update-Delete Laravel;
Penerapan MVC (Model-View-
Controller) Laravel
Penerapan MVC (Model-View-
Controller) Laravel
Apa itu MCV?
Source: https://rachmat.id/framework-mvc-php
Apa itu View pada Laravel?
View merupakan bagian yang mengatur tampilan ke pengguna atau segala sesuatu
yang akan tampil pada user interface, baik untuk menampilkan layout maupun data.
Pada Laravel, View erat kaitannya dengan Route, karena Route (Jalur / Alur)
digunakan untuk mengatur rute url pada aplikasi Laravel.
Contoh: ~ untuk menampilkan tampilan dibawah ini
Tempatnya ada di :
Folder : Route/web.php
Folder : Resources/views
Apa itu View pada Laravel?
Untuk membuat layout pada view dengan blade template Laravel, kita akan familiar
dengan sintaks kode “@” dan “{{}}”.
@ → merupakan directive (perintah) pada blade template Laravel;
{{}} → merupakan sintaks pengganti <?php echo ?>
*Untuk membuat tampilan di Laravel dapat menggunakan perintah blade dibawah ini
:
@section → mendefinisikan sebuah bagian (section) dari isi halaman web;
@yield → digunakan untuk menampilkan isi dari bagian web;
@extends→ sebagai turunan dari halaman web lainnya.
Layouting pada Laravel?
- Buat folder layouts untuk menampung file master &
navigation.blade,php;
- Buat file halaman home, about dan contact.blade.php
pada folder views
Layouting pada Laravel?
❑ Pada halaman Home, About dan Contact.blade.php tuliskan sintak berikut ini:
@yield(‘content’) → digunakan untuk menampilkan konten pada halaman
web lainnya;
@extends (‘layouts.master’) → digunakan agar halaman home, about dan
Contact menjadi turunan dari file master.blade.php;
@section(‘content’) → merupakan bagian dari isi / konten halaman home
@endsection→ untuk mengakhiri sintak kode @section(‘content’).
Bagaimana menampilkan data pada View Laravel?
❑ Menampilkan data pada View melalui Route
1
2
3
1. Variabel name untuk menampung value dalam bentuk array
2. Menggunakan variable name untuk merender value ke view
3. Menggunakan fungsi compact untuk merender value ke view
“Maka, pada halaman
home.blade.php, data
yang telah dirender
pada Route dapat
dibaca pada view.”
Bagaimana menampilkan data pada View Laravel?
❑ Maka Output Hasil Compilenya setelah dipanggil dengan perintah
php artisan serve adalah sebagai berikut :
Controller pada Laravel?
Controller merupakan bagian yang menjembatani model dan view. Bagaimana cara
membuat Controller pada Laravel?
❑ Pada terminal project Laravel,
ketikkan php artisan make:Controller NamaController
“File Controller yang dibuat terletak pada folder
app/Http/Controllers”
Controller pada Laravel?
Controller merupakan bagian yang menjembatani model dan view. Bagaimana cara
membuat Controller pada Laravel?
❑ Option generate controller
ketikkan php artisan make:Controller -h
Controller pada Laravel?
❑ Escape pada Controller dengan menyisipkan tag html pada value dalam variabel.
Sintak Kode pada View
Sintak Kode pada Controller
Output
Menghubungkan Controller dengan View?
❑ Buka HomeController yang telah dibuat, ketikkan seperti dibawah ini :
1. Inisiasi nama Controller pada route;
❑ Pada route tuliskan sintak berikut:
2. Memanggil method function
HomeController pada route.
1
2 *Route::get(‘/’,HomeController@index); → sintaks pada Laravel versi 8
kebawah.
Menghubungkan Controller dengan View Laravel?
❑ Maka Output Hasil Compilenya setelah dipanggil dengan perintah
php artisan serve adalah sebagai berikut :
Model pada Laravel?
❑ Model pada Laravel digunakan untuk mewakili struktur data pada aplikasi web;
❑ Untuk membuat model pada laravel, ketikkan perintah
php artisan make:model Mahasiswa
“File Model yang dibuat terletak pada folder
app/Http/Models”
Model pada Laravel?
❑ Kelas Model merupakan bagian dari library Eloquent dengan pendekatan
active record;
❑ Fungsi query pada Eloquent
❑ all() → mengambil seluruh data dari suatu tabel;
❑ first() → mengambil record data pertama dari suatu tabel;
❑ find() → menyeleksi data berdasarkan ID (angka);
❑ where() → menyeleksi data berdasarkan data yang diinputkan;
❑ Latest() → mengambil data inputan terbaru;
❑ Paginate()→ membuat paginasi / halaman.
❑ Save()→ menyimpan data ke database;
❑ Delete()→ menghapus data;
Menampilkan Data dari Database dengan
Model pada Laravel?
❑ Asumsikan kita sudah membuat data melalui fungsi migration dan seeder pada tabel
mahasiswa;
“Berdasarkan aturan dari Laravel,
nama database
yang digunakan harus berbentuk
plural (jamak),
Contoh :
Nama database :
mahasiswa seharusnya
Mahasiswas. Namun
Apabila, nama database sudah
berbentuk singular (tunggal),
maka dalam model perlu
dituliskan sintak berikut :
protected $table = ‘mahasiswa’
Agar tabel mahasiswanya tetap
Dapat digunakan.”
Menampilkan Data dari Database dengan
Model pada Laravel?
❑ Pada controller, panggil nama model Mahasiswa yang sudah dibuat kemudian
lakukan perintah sintak seperti dibawah ini:
Mendefinisikan nama model
yang digunakan
Menggunakan fungsi get()
Eloquent Model untuk
Mengambil seluruh data pada
tabel mahasiswa
Merender data mahasiswa
agar data tersebut dapat di
baca pada view home
Menampilkan Data dari Database dengan
Model pada Laravel?
❑ Pada view, lakukan perintah sintak seperti dibawah ini agar data yang dirender dari
Controller dapat terbaca
Menampilkan Data dari Database dengan
Model pada Laravel?
❑ Opsi sintak merender data pada Controller :
“Maka Output pada view yang diha
silkan adalah sama”
Proses CRUD pada Laravel
❑ Menambahkan dan menyimpan data pada database pada framework Laravel;
❑ Data menggunakan tabel migration dan data dummy seeder
❑ Gunakan / buat model Mahasiswa, kemudian daftarkan field/attribute yang
dapat disimpan dengan menggunakan fungsi create() dan insert(). (optional)
Proses CRUD pada Laravel
❑ Membuat method function pada HomeController;
❑ Method function index (untuk menampilkan data)
Variabel $dataMahasiswa
digunakan untuk menampung
data mahasiswa berdasarkan
inputan terbaru (latest()) dan
hanya 5 data yang ditampilkan
(paginate(5))
Proses CRUD pada Laravel
❑ Membuat method function pada HomeController;
❑ Method function store (untuk menyimpan inputan form data ke database)
Menambah data dapat
menggunakan fungsi save(),
create() atau insert().
Proses CRUD pada Laravel
❑ Membuat method function pada HomeController;
❑ Method function update (untuk mengubah data ke database)
Find() → digunakan untuk
menampilkan 1 data
berdasarkan ID yang dipilih
Proses CRUD pada Laravel
❑ Membuat method function pada HomeController;
❑ Method function delete (untuk menghapus data ke database)
Proses CRUD pada Laravel
❑ Membuat tampilan frontend untuk menampilkan data dan menjalankan fungsi
Create-Read-Update-Delete (CRUD) pada halaman web Laravel.
“Menampilkan Pesan error dan sukses yang telah diset
di HomeController.”
“Menggunakan route hapus dengan membawa value ID”
Proses CRUD pada Laravel
❑ Membuat tampilan frontend modal edit dengan membawa value data.
Action form diarahkan
ke nama route
home.update dimana
method update pada
HomeController sudah
dihubungkan dalam
route tersebut
Proses CRUD pada Laravel
❑ Membuat tampilan frontend untuk melakukan penambahan data
Action form diarahkan ke nama
route home.store dimana
method store (menyimpan)
pada HomeController
sudah dihubungkan dalam
route tersebut
Terima kasih
Any Question??
