Migration, Seeding, Routing, Model, Controller, View

Mata Kuliah Desain Web

Selesai

Praktikum ini bertujuan memberikan pemahaman kepada mahasiswa dalam membangun aplikasi web berbasis Laravel dengan konsep MVC. Mahasiswa akan belajar mengelola database menggunakan migration dan seeding, mengatur routing, serta membangun model, controller, dan view. Pada akhir praktikum, mahasiswa diharapkan dapat mengimplementasikan CRUD sederhana sebagai dasar pengembangan aplikasi web tingkat lanjut.

  • Komputer / Laptop
  • XAMPP
  • Visual Studio Code / IDE
  • Composer, Git, Node.js, NPM

1) Persiapan Database

Sebelum memulai, buat terlebih dahulu database yang akan digunakan oleh aplikasi Laravel.

Persiapan Database

Gambar 1.

Database berhasil dibuat

Gambar 2. Database praktikum_laravel berhasil dibuat.

2) Konfigurasi Database

Buka file .env kemudian ubah konfigurasi database sebagai berikut.

Konfigurasi Database .env

Gambar 3. Konfigurasi Database menggunakan MySQL pada .env

3) Migration

Migration adalah fitur Laravel yang digunakan untuk membuat dan mengelola struktur database menggunakan kode program.

Migration memudahkan developer dalam:

  • Membuat tabel
  • Mengubah struktur tabel
  • Menghapus tabel
  • Versioning database

Membuat tabel products menggunakan migration:

php artisan make:migration create_products_table
Migration berhasil dibuat

Gambar 4. Migration berhasil dibuat.

File migration akan berada pada folder database/migrations. Isi file migration dengan:

Isi file migration

Gambar 5.

Jalankan migration untuk membuat tabel products secara otomatis:

php artisan migrate

Atau gunakan perintah berikut untuk menjalankan ulang seluruh migration:

php artisan migrate:fresh

4) Seeding

Seeding digunakan untuk mengisi data awal ke database. Seeder sangat membantu saat:

  • Pengujian aplikasi
  • Membuat data dummy
  • Menyiapkan data awal

Membuat Seeder:

php artisan make:seeder ProductSeeder
Seeder berhasil dibuat

Gambar 6. Seeder berhasil dibuat

File seeder berada pada folder database/seeders. Buka file ProductSeeder.php:

Isi ProductSeeder

Gambar 7.

Tambahkan pemanggilan seeder pada file DatabaseSeeder.php:

$this->call(ProductSeeder::class);
DatabaseSeeder.php

Gambar 8.

Jalankan seeder:

php artisan db:seed

Jalankan migration dan seeding sekaligus:

php artisan migrate:fresh --seed
Migration dan Seeding sekaligus

Gambar 9. Menjalankan Migration dan Seeding sekaligus

5) Routing

Routing digunakan untuk menentukan URL dan respons yang diberikan aplikasi. Semua routing web berada pada file: routes/web.php

Jenis-jenis routing:

Jenis-jenis Routing

Gambar 10. Jenis-jenis Routing

Route yang dipakai adalah:

Route::resource('products', ProductController::class);
Routing ProductController

Gambar 11. Routing yang dipakai untuk ProductController

6) Model

Model digunakan untuk berinteraksi dengan database. Laravel menggunakan Eloquent ORM untuk mempermudah manipulasi data.

Struktur Model:

Struktur Model Product

Gambar 12. Struktur Model Product

Operasi CRUD

Menambahkan Data

Create Data

Gambar 13. Create Data

Mengambil Data

Read Data

Gambar 14. Read Data

Mengubah Data

Change Data

Gambar 15. Change Data

Menghapus Data

Delete Data

Gambar 16. Delete Data

7) Controller

Controller digunakan untuk mengatur logika aplikasi. Controller menjadi penghubung antara Model, View, dan Request user.

Membuat Controller:

php artisan make:controller ProductController

File controller pada folder app/Http/Controllers

Controller berhasil dibuat

Gambar 17. Controller berhasil dibuat.

Membuat Method Controller — buka file ProductController.php, lalu isi dengan:

Isi ProductController

Gambar 18.

8) View

View digunakan untuk menampilkan halaman kepada pengguna. Laravel menggunakan Blade Template Engine. File view berada pada folder resources/views.

Tampilan Products:

Tampilan Products

Buatkan migration, seeding, model, route, controller, view untuk CRUD data mahasiswa.

Migration

Migration Table Mahasiswa

Gambar 19. Membuat Migration Table Mahasiswa

Seeding

Seeder Mahasiswa

Gambar 20. Membuat Seeder untuk Tabel Mahasiswa

Model

Model Mahasiswa

Gambar 21. Membuat Model Mahasiswa

Controller

MahasiswaController

Gambar 23. Membuat Controller dengan nama MahasiswaController

Route

Route MahasiswaController

Gambar 22. Menghubungkan Route ke MahasiswaController

View

View Form Create

Gambar 24. Membuat View Form Create

View Form Edit

Gambar 25. Membuat View Form Edit

View Index

Gambar 26. Membuat View Index

View Detail

Gambar 27. Membuat View Detail

Hasil

Tampilan Daftar Mahasiswa

Gambar 28. Tampilan Daftar Mahasiswa

Tampilan Detail Mahasiswa

Gambar 29. Tampilan Detail Mahasiswa

Tampilan Edit Mahasiswa

Gambar 30. Tampilan Edit Mahasiswa

Tampilan Tambah Mahasiswa

Gambar 31. Tampilan Tambah Mahasiswa

Mata KuliahDesain Web
Pertemuan7
NamaAlfaris Aulia Rahman
NIM2411533006
StatusSelesai