Modul Laravel PHP FRAMEWORK

LANDASAN TEORI

PHP

PHP Framework

Laravel

Bahan yang dibutuhkan

Text Editor
Xampp
Composer
GIT
Node.JS

DASAR LARAVEL

Instalasi Laravel

Untuk menginstal Laravel anda harus sudah memiliki Xampp, GIT, Composer, Node.JS di laptop anda. Lalu masuk ke Localdisk C/Xampp/Htdocs/ di folder htdocs, klik kanan, klik git bash here seperti terlihat pada gambar di bawah ini. Tunggu hingga proses instalasi selesai, lalu ketikkan perintah “cd project name” untuk memasukkan project yang telah dibuat.

Untuk melihat apakah proyek yang Anda buat berhasil atau tidak, buka web browser Anda lalu masukkan URL localhost:8000 pada kolom URL. Jika muncul layar Laravel berarti proses pembuatan project telah selesai, seperti terlihat pada contoh layar di bawah ini.

MVC

Alur Kerja MVC

Koki kemudian akan mencari bahan-bahan yang diperlukan di lemari es (database) dan memasaknya untuk Anda.

STRUKTUR LARAVEL

Models
Controller
Views
Routing

Pada folder layout, buat file baru bernama index.blade.php, lalu ikuti contoh script di bawah ini. Lalu masuk ke folder app/models, lalu buka model Buku.php, cari Model class extends Buku dan masukkan script seperti pada contoh di bawah ini. Sekarang masuk ke folder app/http/controllers, cari BukuController.php lalu masukkan script di function index seperti contoh di bawah ini.

Script di atas berarti fungsi create akan membawa Anda ke halaman di folder resource/views/book/create.blade.php. Kemudian buat file baru bernama index.blade.php dan create.blade.php di folder buku. Kemudian untuk script dari tampilan create.blade.php di buku, anda bisa melihat contoh script dibawah ini.

Kemudian langkah selanjutnya adalah membuat routing agar controller dan view yang anda buat tadi dapat berfungsi, caranya masuk ke folder rute/web.php lalu masukan contoh scriptnya seperti pada gambar di bawah ini. Masuk ke folder app/http/controllers/, lalu buka file BukuController.php, lalu scroll ke edit public function, masukkan script seperti contoh di bawah ini. Maksud dari script diatas adalah agar fungsi edit mengarahkan anda ke halaman yang ada di folder book/edit.blade.php.

Masih di BukuController.php, lalu pindah ke fungsi update dan masukkan script seperti contoh di bawah ini. Pada folder resources/views/books, buat file baru bernama edit.blade.php dan buat script seperti contoh script di bawah ini. Lalu masuk ke file index.blade.php di resources/views/buku/index.blade.php.

Jadi nantinya file index.blade.php yang ada di folder buku bisa dihubungkan dengan halaman edit.blade.php yang ada di folder buku. Masuk ke folder app/http/controllers/BukuController.php, lalu navigasikan ke fungsi public destroy dan masukkan perintah di bawah ini. Masuk ke folder resources/views/buku/index.blade.php lalu arahkan ke bagian data tabel, di book_id )} }” tekan enter setelah tag, lalu masih di dalam 1 .

AUTH

Autentikasi

Otentikasi pada Laravel berfungsi untuk membuat fitur login, register dan lupa password sehingga pengguna harus login terlebih dahulu sebelum dapat menggunakan aplikasi web yang dibangun di Laravel.

Install Jetstream

Install Livewire

Untuk membuat controller ada dua cara yaitu di git anda bisa mengetikkan perintah "php artisan make:controller NamaController" dan cara kedua anda bisa memasukkan perintah "php artisan make:controller NamaController --resource". Jika sudah selesai, buka folder project dengan cara klik file – open folder – lalu cari folder yang telah dibuat tadi. Kemudian muncul fungsi indeks pada folder resource/view/book/index.php, lalu kita deklarasikan variabel buku diatas dengan menggunakan perintah compact.

Kemudian pada controller BukuController.php lanjutkan dengan fungsi create, pada fungsi create kemudian masukkan source code seperti pada contoh di bawah ini. Kemudian lanjutkan ke function store, pada function store masukkan source codenya seperti contoh dibawah ini. Kemudian buka web browser dan ketik localhost:8000/book, jika muncul tampilan seperti dibawah ini berarti halaman indeks buku berhasil dan tidak ada error.

Jika buku berhasil ditambahkan dan tidak muncul kode error maupun keterangan, maka akan ditampilkan hasilnya seperti pada Gambar 6.3 di bawah ini. Karena yang saya edit adalah jumlah buku dari awal 5 menjadi 10, maka output yang akan ditampilkan pada halaman indeks buku adalah perubahan jumlah buku dari awal 5 menjadi 10 seperti terlihat pada Gambar 6.5 di bawah ini. Jalankan php artisan serve di git/terminal lalu buka web browser, masukkan url localhost:8000/book pada web browser sehingga akan menampilkan data halaman buku pada web browser seperti pada gambar di bawah ini.

CRUD

Create

Read

Update

Delete

Persiapan CRUD

Pembuatan Controller
Pembuatan Models
Pembuatan Migration

MULAI CONTOH PROJECT

Integrasi Template Bootstrap

Pengenalan Bootstrap
Templating Layouts Bootstrap Sederhana

Untuk dapat menggunakan bootstrap ada dua cara yaitu dengan mendownload file bootstrap pada link https://getbootstrap.com/docs/5.2/getting-started/download/ atau bisa langsung menggunakan bootstrap online. Jika Anda menggunakan bootstrap secara offline, file CSS dan JS yang Anda unduh sebelumnya akan diekstraksi dan kemudian disalin ke folder project/public/. Kemudian langkah selanjutnya adalah membuat bilah navigasi agar menu-menu yang ingin Anda buat di web bisa dibuat sedikit lebih indah.

Setelah navbar dibuat, menu pada website akan sedikit dirapikan sehingga terlihat lebih menarik. Fungsi hasil adalah untuk menampilkan tag HTML pada bagian-bagian di halaman lain.

Pembuatan Models Migration Controller Resource Buku

Script diatas maksudnya adalah membuat sebuah variabel bernama book, pada variabel book kita memanggil data dari model buku yang kita buat tadi. Lalu masuk ke folder source/view/, buat folder baru, beri nama folder tersebut buku.

Edit, Update pada BukuController.php

Tujuan dari skrip di atas adalah untuk memperbarui fungsi yang terkait dengan model Buku dengan variabel $book. Kemudian akan diupdate book_name diambil dari form request bernama book_name book_author diambil dari form request bernama book_author publishing_year diambil dari form request bernama publishing_year number of_books diambil dari form request yang namanya book_number , lalu apapun yang menggunakan variabel book disimpan di database sehingga data yang sudah ada di database dapat diupdate berdasarkan ID buku.

View untuk edit buku

Pengujian Create, Read, Edit, dan Update Data

Kemudian untuk dapat mengedit data buku, pada kolom action klik tombol edit maka anda akan diarahkan pada halaman edit data buku, buku diedit berdasarkan ID buku masing-masing. Klik tombol simpan dan jika berhasil Anda akan diarahkan ke halaman indeks buku dan yang sebelumnya Anda edit akan berubah. Kemudian tekan tombol hapus maka akan muncul pop up notifikasi untuk menghapus data yang jika ditekan yes maka data buku akan terhapus.