Langsung ke konten utama

Memahami Dasar Controller dan View Pada Laravel

Memahami Dasar Controller dan View Pada Laravel


Ya, sesuai judul diatas, setelah mempelajari dasar laravel khususnya routing laravel pada bahasan sebelumnya, selanjutnya kita akan Memahami Dasar Contoller dan View Pada Laravel. Sebelumnya kita harus tahu konsep MVC. M adalah Model, Model digunakan untuk query atau proses mengambil data dari database. V adalah View, View digunakan untuk tampilan user berupa html, css, js dan data yang bersifat client. Sedangkan C adalah Controller, yang digunakan untuk mengatur atau menjembatani antara model dan view juga bisa digunakan untuk mengatur alur program.

Untuk langkah awal buka file web.php, dan didalam folder controllers buat file dengan nama ProfileController.php. Di materi sebelumnya kita lngsung mengedit di file web.php pada route. Kali ini saya akan mencoba untuk membuat coding yang terpisah dengan file route, kita hanya memanggil indexnya dalam route::get.

Setelah membuat ProfileController.php di folder kel1 yang kita buat pada awal saat instalasi Laravel yaitu C:\xampp\htdocs\kel1\app\Http\Controllers lalu ketikan syntak seperti dibawah:

Keterangan:
Pertama kita membuat namespace, yaitu untuk lokasi folder (ProfileController). Lalu kita menggunakan use artinya kita menggunakan kelas lain yang ada dilaravel, kita panggil dengan use dan menunjukan dimana lokasinya dan nama kelas yang digunakan yaitu di App\Http\Controllers\Controller.
Selanjutnya class ProfileController berarti kita membuat kelas tersebut, lalu extends artinya menurunkan sifat dari controller. Lalu kita memanggil fungsi index yang isinya menampilkan yang ada di dalam return yaitu 'Ini halaman contoh'. 
Setelah itu kita buka file web.php, lalu panggil index ProfileController yang tadi telah kita buat seperti pada gambar dibawah:

Analisis:
Route::get adalah method digunakan untuk menampilkan data. Tanda ‘/’ , menunjukan route yang di definisikan atau dibuat untuk route utama atau halaman utama.
profileController , adalah nama file ataupun class controller. Index , adalah method atau fungsi yang berada di controller. 

Hasilnya:



PENGGUNAAN CONTROLLER, VIEW DAN BLADE

Latihan 1

Buat coding seperti gambar dibawah dalam file ProfileController.php yang ada dalam C:\xampp\htdocs\kel1\app\Http\Controllers yaitu untuk fungsi menampilkan nama atau profile kita sendiri.

Membuat fungsi untuk menampilkan namaSendiri. Kita membuat 3 variable yaitu nama, alamat dan jabatan. Return view (‘profile’ artinya kita akan menampilkan view yang ada dalam profile yaitu file profile.blade.php. lalu dari 3 variable diatas kita membuat arraynya yaitu memakai fungsi compact nama, alamat dan jabatan supaya bisa dibaca oleh profile nya .

Selanjutnya kita buat coding bladenya seperti yang tertera pada gambar dibawah, 3 variable tadi yang dibuat akan terbaca disini yaitu nama, alamat dan jabaran. Dan file simpan di C:\xampp\htdocs\kel1\resources\views.

Sekarang kita coba routing dengan menggunakan Controller, ketikan coding seperti dibawah ini:

Keterangan:
Get (‘namaSendiri’) artinya kita akan memanggil atau menjalankan program dengan key namaSendiri. selanjutnya profileController yaitu sebagai controller dan kita akan memanggil index yaitu fungsi namaSendiri sebagai metode nya.


Latihan 2

Menampilkan 3 data barang dengan controller, dan view untuk menampilkan nama dan harga barang. 
Pertama kita buat metodenya yaitu fungsi hargaBarang dengan view akan memanggil barang yaitu file barang.blade yang dibuat sebelumnya. Code lengkapnya seperti dibawah ini:

Lalu buat blade barang sebagai template dan variable barang yang dibuat sebelumnya, yaitu beras, rambutan dan sawo akan terbaca disini.


Dalam route di file web.php kita panggil dengan ulr listbarang dan profile controller dengan index nya yaitu fugsi hargaBarang.

Hasilnya:

Latihan 3
Untuk latihan ini sama seperti sebelumnya, hanya saja kita menggunakan array. Buat coding di ProfileController dengan nama fungsi hargaBarangarray dan nama array yaitu barangs, dengan isi array nama barang dan harganya. Lalu return view ke barangarray dengan compact yaitu nama array nya ‘barangs’.
Selanjutnya kita buat bladenya, dengan Nama dan Harga. Lalu dipanggil dengan foreach, dengan fungsi array sebelumnya yaitu ‘barangs’ sebagai kunci untuk ’barang’, dan ‘barang’ ini akan menampilkan Nama dan Harga yang telah dibuat dalam Array ‘barangs’.


Dan pada routingnya kita menggunakan url listbarangarray dengan ProfileController dan dengan index listbarangarray sebagai fungsi yang dibuat di ProfileController.


Jika dijalankan maka akan tampil seperti pada gambar dibawah ini:

ya mungkin segitu yang bisa saya share guys, semoga bermanfaat yaaaaaaaaaaaa!!

terima kasih kepada :
www.google.com
wikipedia.com

Komentar