Migration, Seeding, Routing, Model, Controller, View

Konfigurasi Database

1. Mengubah konfigurasi database pada file .env

Langkah pertama adalah membuka file .env, kemudian mengubah konfigurasi database agar Laravel dapat terhubung dengan database yang digunakan. Pada bagian ini, konfigurasi disesuaikan dengan MySQL, host lokal, port 3306, nama database praktikum_laravel, username root, dan password yang dikosongkan.

2. Membuat database baru di phpMyAdmin

Setelah konfigurasi database disiapkan, buat database baru di phpMyAdmin dengan nama praktikum_laravel. Database ini akan digunakan untuk menyimpan tabel dan data yang dibuat melalui migration dan seeder Laravel.

Migration

3. Membuat tabel products menggunakan migration

Migration digunakan untuk membuat struktur tabel secara terkontrol melalui kode. Untuk membuat tabel products, jalankan perintah berikut pada terminal:

Jika perintah berhasil dijalankan, Laravel akan membuat file migration baru di dalam folder database/migrations. File tersebut kemudian dapat diubah untuk menentukan kolom-kolom yang dibutuhkan pada tabel products.

Kodingan migration tersebut digunakan untuk membuat tabel baru bernama products di database. Pada bagian up(), Laravel membuat tabel products dengan beberapa kolom, yaitu id sebagai nomor unik otomatis, name untuk menyimpan nama produk, price untuk menyimpan harga produk dalam bentuk angka, description untuk menyimpan deskripsi produk dalam bentuk teks, serta timestamps untuk mencatat waktu data dibuat dan diperbarui. Sementara itu, bagian down() digunakan untuk membatalkan migration, yaitu menghapus tabel products jika migration di-rollback.

4. Menjalankan migration untuk membuat tabel products

Setelah struktur tabel selesai dibuat, jalankan migration menggunakan perintah:

Perintah tersebut akan mengeksekusi seluruh file migration yang belum dijalankan. Jika berhasil, tabel products akan terbentuk secara otomatis di dalam database.

Setelah proses migrate selesai, cek kembali database yang telah dibuat. Jika berhasil, akan terlihat tabel-tabel Laravel seperti cache, jobs, migrations, users, dan products.

Seeding

5. Membuat seeder

Seeder digunakan untuk mengisi data awal ke dalam database secara otomatis. Untuk membuat seeder products, jalankan perintah berikut:

6. Membuat data seeder

Setelah file ProductSeeder.php dibuat, isi file tersebut dengan data awal produk. Data yang dimasukkan berupa contoh produk seperti Laptop dan Mouse, lengkap dengan harga serta deskripsinya.

Kodingan tersebut berfungsi untuk mengisi data awal ke dalam database secara otomatis. Di dalam fungsi run(), kode menggunakan fitur DB::table('products')->insert(...) untuk memasukkan dua data produk baru sekaligus ke dalam tabel products, yaitu sebuah Laptop seharga 7.000.000 dengan deskripsi "Laptop untuk pemrograman" dan sebuah Mouse seharga 150.000 dengan deskripsi "Mouse wireless". Selain data produk, kode ini juga otomatis menyimpan waktu pembuatan dan pembaruan data menggunakan fungsi now(), sehingga mempermudah developer menyediakan data uji coba tanpa harus memasukkannya satu per satu secara manual ke database.

7. Menjalankan seeder

Agar seeder dapat dijalankan, tambahkan pemanggilan ProductSeeder pada file DatabaseSeeder.php.

Setelah itu jalankan perintah berikut:

Routing

8. Jenis-jenis routing

Routing digunakan untuk menentukan alamat URL yang dapat diakses oleh pengguna. Beberapa jenis routing yang dipelajari pada praktikum ini adalah routing dasar, routing parameter, named route, dan route group.

• Routing Dasar: route sederhana yang mengembalikan teks atau tampilan tertentu ketika URL diakses.
• Routing Parameter: route yang menerima nilai dari URL, misalnya ID produk.
• Named Route: route yang diberi nama agar lebih mudah dipanggil dari bagian lain aplikasi.
• Route Group: kumpulan route yang memiliki awalan URL atau konfigurasi yang sama.

Untuk mengakses routing parameter, pengguna dapat membuka alamat seperti http://127.0.0.1:8000/produk/1. Jika route berhasil dijalankan, halaman akan menampilkan informasi produk berdasarkan ID yang dikirim melalui URL.

Model

9. Struktur model

Model digunakan sebagai penghubung antara aplikasi Laravel dan tabel database. Pada praktikum ini dibuat file model baru bernama Product.php di dalam folder app/Models.

Kodingan tersebut berfungsi sebagai jembatan penghubung antara aplikasi PHP dan tabel database. Di dalamnya terdapat properti protected $fillable yang berisi array kolom name, price, dan description. Properti ini bertindak sebagai pengamanan data atau fitur Mass Assignment protection. Fitur ini memastikan bahwa hanya ketiga kolom tersebut yang diizinkan untuk diisi atau dimanipulasi secara massal secara bersamaan, sehingga berguna untuk mencegah celah keamanan dari pihak luar yang mencoba menyisipkan data ke kolom sensitif lain secara ilegal. Selain itu, baris use HasFactory juga disematkan di dalam kelas agar model dapat terhubung dengan Factory Laravel untuk mempermudah pembuatan data tiruan atau data uji coba dalam jumlah besar saat proses pengembangan aplikasi.

Controller

10. Membuat controller

Controller digunakan untuk mengatur logika aplikasi. Untuk membuat controller products, jalankan perintah berikut:

11. Membuat method controller

Setelah controller dibuat, buka file ProductController.php, kemudian tambahkan method index() untuk mengatur respons yang akan dikembalikan ketika route tertentu diakses.

Kodingan tersebut berfungsi sebagai pengatur logika utama untuk menjembatani permintaan pengguna dengan tampilan atau data yang akan dikembalikan. Di dalam kelas ini terdapat sebuah fungsi atau method bernama index(), yang biasanya digunakan sebagai fungsi utama untuk menampilkan halaman daftar produk. Ketika fungsi index dipanggil melalui routing Laravel, kode di dalamnya akan langsung mengeksekusi perintah return yang berarti aplikasi akan langsung mengembalikan dan menampilkan teks tulisan "Halaman Product" ke layar browser pengguna tanpa memuat berkas tampilan HTML terlebih dahulu.

12. Menghubungkan route ke controller

Agar controller dapat diakses melalui URL, tambahkan route pada file web.php. Route ini memetakan alamat tertentu ke method index() yang ada di dalam ProductController.

Kodingan tersebut berfungsi untuk memetakan alamat URL tertentu agar bisa diakses oleh pengguna. Baris pertama digunakan untuk mengimpor lokasi kelas Controller yang ingin dipakai agar bisa dibaca oleh sistem routing. Selanjutnya, perintah Route::get('/products', [ProductController::class, 'index']); berarti ketika ada pengguna yang mengakses situs web menggunakan metode HTTP GET dengan mengetikkan atau mengklik alamat URL /products, Laravel akan secara otomatis mengarahkan permintaan tersebut untuk diproses oleh fungsi bernama index yang berada di dalam ProductController.

13. Menghubungkan controller dengan model

Controller kemudian dihubungkan dengan model agar data produk dapat diambil dari database. Pada tahap ini, method index diperbarui agar mengambil seluruh data dari model Product dan mengirimkannya ke view.

Kodingan ini adalah pembaruan pada fungsi index() di dalam ProductController yang sudah terintegrasi penuh dengan pola arsitektur MVC Laravel untuk menampilkan data secara dinamis. Baris pertama di dalam fungsi $products = Product::all(); berfungsi untuk mengambil seluruh data produk yang ada di dalam database dengan bantuan model Product yang diimpor pada baris ke-5. Selanjutnya, perintah return view('products', compact('products')); akan mengirimkan data yang sudah diambil tersebut ke sebuah berkas tampilan bernama products. Fungsi compact bertindak membungkus variabel $products agar isinya bisa diakses dan didekorasi menggunakan HTML/Blade sebelum akhirnya ditampilkan kepada pengguna di browser.

14. Resource route

Resource route digunakan untuk membuat routing CRUD secara otomatis. Dengan satu baris route resource, Laravel dapat menyediakan route untuk menampilkan data, menambah data, menyimpan data, mengedit data, memperbarui data, dan menghapus data.

Blade Layout

15. Membuat file layout

Layout digunakan sebagai kerangka dasar tampilan agar struktur HTML dapat digunakan berulang kali pada beberapa halaman. Pada praktikum ini dibuat file layout di dalam folder resources/views/layouts/app.blade.php.

Kodingan tersebut berfungsi sebagai kerangka dasar HTML yang dapat digunakan berulang kali oleh halaman web lain agar desainnya konsisten. Struktur utamanya menggunakan sintaks berupa @yield('title') di dalam tag judul dan @yield('content') di dalam tag body, yang bertindak sebagai kontainer kosong. Ketika ada halaman anak yang menggunakan layout induk ini, halaman anak tersebut cukup mengisi bagian title dan content dengan teks atau komponen HTML mereka sendiri, sehingga judul halaman dan isi konten di bawah tulisan "Aplikasi Laravel" akan berubah secara otomatis sesuai dengan halaman yang sedang dibuka oleh pengguna.

16. Menggunakan layout pada view Blade

Setelah layout dibuat, view Blade dapat menggunakan layout tersebut dengan sintaks @extends. View products kemudian menampilkan data produk secara dinamis menggunakan perulangan @foreach.

Kodingan tersebut berfungsi menyusun dan menampilkan data produk secara dinamis. Baris @extends('layouts.app') digunakan untuk mewarisi struktur dari berkas Master Layout, sementara @section('title', 'Products') bertugas mengisi bagian judul halaman pada layout induk tersebut dengan teks "Products". Selanjutnya, di dalam blok @section('content') hingga @endsection, terdapat proses perulangan menggunakan sintaks @foreach ($products as $product) yang berfungsi untuk membongkar seluruh data produk dari controller satu per satu, lalu mencetaknya ke dalam tag daftar HTML berupa nama, harga dengan format rupiah, serta deskripsi masing-masing produk secara otomatis ke layar browser.

Tugas

17. Membuat database db_mahasiswa

Pada bagian tugas, dibuat database baru dengan nama db_mahasiswa. Database ini digunakan untuk menyimpan data mahasiswa pada aplikasi CRUD sederhana.

18. Mengubah konfigurasi database

Buka kembali file .env, kemudian ubah nama database menjadi db_mahasiswa agar aplikasi Laravel terhubung dengan database tugas yang baru dibuat.

19. Membuat model Mahasiswa

Setelah koneksi database berhasil diatur, langkah selanjutnya adalah menyiapkan file model yang akan merepresentasikan struktur data. Buat dan buka file Mahasiswa.php di dalam direktori app/Models, kemudian tambahkan properti fillable untuk mengizinkan penyimpanan data secara massal pada kolom nim, nama, dan jurusan.

20. Membuat migration mahasiswa

Buat tabel baru dengan menjalankan perintah berikut pada terminal:

21. Menyusun struktur tabel mahasiswa

Setelah file migration dibuat, buka file migration tersebut di dalam folder database/migrations. Ubah bagian method up() dengan menambahkan perintah untuk membuat kolom nim yang unik, kolom nama, dan kolom jurusan.

22. Menjalankan migration mahasiswa

Jalankan perintah php artisan migrate untuk mengeksekusi migration yang sudah dibuat. Jika berhasil, tabel mahasiswas akan terbentuk di dalam database.

23. Membuat MahasiswaSeeder

Buat seeder dengan mengetikkan perintah berikut pada terminal:

24. Menyiapkan data awal mahasiswa

Siapkan data awal menggunakan file seeder. Masukkan kode ke dalam file MahasiswaSeeder.php yang berada di folder database/seeders untuk menyuntikkan data akademik sebagai rekaman contoh pertama ke dalam tabel.

25. Menjalankan seeder mahasiswa

Agar file seeder tersebut dieksekusi oleh sistem, panggil class MahasiswaSeeder pada file DatabaseSeeder.php di dalam method run. Setelah semua file database siap, jalankan perintah berikut:

26. Menambahkan resource route mahasiswa

Buka file web.php di dalam direktori routes, lalu tambahkan route resource yang akan memetakan semua fungsi CRUD secara otomatis ke dalam controller.

27. Membuat MahasiswaController

Buat file baru pada direktori app/Http/Controller dengan nama MahasiswaController.php. Lalu susun logika pemrosesan data di dalam file controller tersebut. File ini bertugas menampilkan, menyimpan, mengubah, dan menghapus data mahasiswa.

28. Membuat tampilan daftar mahasiswa

Rancang antarmuka pengguna dengan membuat file tampilan di dalam folder resources/views/mahasiswa. Buat file bernama index.blade.php untuk menampilkan tabel daftar mahasiswa yang datanya diambil dari database, lengkap dengan tombol navigasi dan aksi.

29. Membuat tampilan tambah data

Buat file baru pada folder resources/views/mahasiswa dengan nama create.blade.php. File ini digunakan untuk membuat form input data mahasiswa baru.

30. Membuat tampilan edit data

Buat file baru pada folder resources/views/mahasiswa dengan nama edit.blade.php. File ini digunakan untuk menampilkan form edit data mahasiswa berdasarkan data yang dipilih.

Output

Setelah seluruh bagian model, migration, seeder, route, controller, dan view selesai dibuat, aplikasi dapat dijalankan untuk menampilkan halaman daftar mahasiswa. Pengguna dapat menambahkan data baru melalui form tambah data, mengedit data yang sudah ada, serta menghapus data dengan konfirmasi.