PEMROGRAMAN WEB

Memanfaatkan Template Blade Pada Laravel

Read

Dibagian ini kita akan mempelajari blade dan cara memanfaatkannya. Blade adalah template engine yang disediakan oleh framework laravel atau bawaan dari framework laravel. Kenapa kita harus menggunakan Blade? Jawabannya karena dengan menggunakan blade dalam mengatur layout web yang kita bangun akan lebih mudah.

Langsung saja ke pembuatan templating sederhana menggunakan laravel. Untuk persiapannya adalah sebagai berikut.

Download template bootstrap adminLTEnya.
Dari hasil download tersebut, copy-kan semua folder yang ada ke folder ProjectLaravel dan simpan di folder public.
Untuk file dashboard.html dan login.html copy-kan ke folder ProjectLaravel dan simpan di resources/views.
Kemudian rename file dashboard.html menjadi dashboard.blade.php dan file login.html menjadi login.blade.php.
Jangan lupa di routes web.php, ubah 'welcome' menjadi 'dashboard'. Dan hasilnya sebagai berikut.

Sekarang kita akan sedikit merubah isi dari tampilan diatas. Langkah-langkah seperti dibawah ini.

Cari kode seperti dibawah ini didalam dashboard.blade.php

Ubah menjadi seperti dibawah ini

Kemudian cari juga kode seperti dibawah ini dibagian paling bawah dashboard.blade.php

Ubah menjadi seperti dibawah ini

Kemudian, syntax yang ada di dashboard.blade.php akan dibagi menjadi beberapa bagian, disini saya membaginya seperti ini, yaitu head, header, sidebar dan content.

Kita akan mengambil bagian head di dashboard.blade.php dan menggantinya dengan syntax @include('head') seperti dibawah ini.
Kemudian kita ambil bagian headernya dan menggantinya dengan syntax @include('header') seperti dibawah ini.
Kemudian kita ambil bagian sidebarnya dan menggantinya dengan syntax @include('sidebar') seperti dibawah ini.
Selanjutnya kita akan ambil bagian untuk contentnya dan mengganti dengan syntax @yield('content') seperti dibawah ini.

Setelah semuanya beres, kita bisa lihat hasilnya sebagai berikut.

Itu saja sedikit penjelasan tentang template blade pada laravel.

Sekian dan Terima Kasih^^

Basic Controller dan View Pada Laravel

By Unknown

Read

0 Comments

Setelah mempelajari routing laravel pada modul sebelumnya. Selanjutnya bagaimana memahami cara kerja controllers dan views di Framework Laravel. Sebelumnya kita harus tahu konsep MVC.

MVC merupakan kependekan dari Model, View, Controller. MVC memisahkan pengembangan aplikasi berdasarkan komponen utama yang membangun sebuah aplikasi seperti, manipulasi data, user interface dan bagian yang menjadi control aplikasi. Komponen-komponen MVC meliputi :

Model, digunakan untuk query atau proses mengambil data dari database.
View, digunakan untuk tampilan user berupa html, css, js, dan data yang bersifat client.
Controller, digunakan untuk mengatur atau menjembatani antara model dan view juga bisa digunakan untuk mengatur alur program.

Disini yang akan dibahas hanya Controller dan View saja. Mari langsung saja ke pembahasan dibawah ini.

BASIC CONTROLLER (DASAR CONTROLLER)

Dasar controller ini adalah bagaimana cara dasar untuk dapat menjalankan controller tersebut dengan bantuan route.

Masih ingat dengan code dibawah ini?

Code diatas merupakan code dasar routing pada laravel yang terletak pada file routes.php. Jika didalam fungsi Route::get('/',function() ini terdapat banyak baris, puluhan sampai ratusan baris, tentu tidak akan efisien, ditambah lagi banyak fungsi-fungsi lainnya. Maka dari itu controller ini berfungsi untuk memecah syntax, bagaimana caranya agar fungsi-fungsi yang puluhan bahkan ratusan itu kita pindah ke controller.

Code diatas bisa diganti dengan code berikut :

Route::get adalah method yang digunakan untuk menampilkan view maupun data.

Tanda '/', menunjukkan route yang didefinisikan atau dibuat untuk route utama atau halaman utama.

ProfileController, adalah nama file ataupun class controller.

index, adalah method atau fungsi yang berada di controller.

Kemudian buat file baru dengan nama file ProfileController.php dan simpan di App/Http/Controllers. Lalu tambahkan code berikut :

Hasilnya :

Contoh Basic Controller Menggunakan Compact

Tambahkan/tulis syntax berikut pada web.php

Route::get adalah method yang digunakan untuk menampilkan view maupun data.

Tanda '/nama-ku', menunjukkan route yang didefinisikan atau dibuat untuk route utama atau halaman utama.

ProfileController, adalah nama file ataupun class controller.

namaKu, adalah method atau fungsi yang berada di controller.

Tambahkan/tulis syntax berikut pada ProfileController.php

return view('profile',compact('nama','ttl','alamat'));, digunakan untuk menampilkan file profile.blade.php.

compact berfungsi untuk melakukan passing data dari controller ke view.

Kemudian buat file baru dengan nama file profile.blade.php dan simpan di resources/views.

Hasilnya :

Contoh Basic Controller Menggunakan Compact dan Array

Tambahkan/tulis syntax berikut pada web.php

Route::get adalah method yang digunakan untuk menampilkan view maupun data.

Tanda '/nama-barang', menunjukkan route yang didefinisikan atau dibuat untuk route utama atau halaman utama.

ProfileController, adalah nama file ataupun class controller.

namaBarang, adalah method atau fungsi yang berada di controller.

Tambahkan/tulis syntax berikut pada ProfileController.php

return view('list-barang',compact('barangs'));, digunakan untuk menampilkan file list-barang.blade.php.

compact berfungsi untuk melakukan passing data dari controller ke view.

Kemudian buat file baru dengan nama file list-barang.blade.php dan simpan di resources/views.

Hasilnya :

CONTROLLER DENGAN ROUTE PARAMETERS

Sekarang kita akan melakukan parsing atau mengirim data ke controller.

Tambahkan/tulis syntax berikut pada web.php

Route::get adalah method yang digunakan untuk menampilkan view maupun data.

Tanda '/{nama}', menunjukkan route yang didefinisikan atau dibuat untuk route utama atau halaman utama.

ProfileController, adalah nama file ataupun class controller.

saya, adalah method atau fungsi yang berada di controller.

Tambahkan/tulis syntax berikut pada ProfileController.php

public function saya($nama), adalah sebuah fungsi bernama profile yang menangkap sebuah parameter dengan variabel nama.

return ‘Hai saya ‘.$nama.’ dari Kelompok 4’;, mengembalikan nilai dari parameter nama.

Hasilnya :

KOLABORASI ANTARA VIEW DAN CONTROLLER

Setelah membahas cara kerja controller, sekarang kita akan sedikit membahas bagaimana menggabungkan view dengan controller. Berikut adalah contohnya :

Tambahkan/tulis syntax berikut pada web.php

Route::get adalah method yang digunakan untuk menampilkan view maupun data.

Tanda '/{id}/{nama}', menunjukkan route yang didefinisikan atau dibuat untuk route utama atau halaman utama.

ProfileController, adalah nama file ataupun class controller.

profileSaya, adalah method atau fungsi yang berada di controller.

Tambahkan/tulis syntax berikut pada ProfileController.php

public function profileSaya($id, $nama), adalah sebuah fungsi bernama profile yang menangkap sebuah parameter dengan variabel id dan nama.

return view('profileSaya', $data);, digunakan untuk menampilkan file profileSaya.blade.php. $data disini berfungsi untuk melakukan parsing data dari controller ke view.

Kemudian buat file baru dengan nama file profileSaya.blade.php dan simpan di resources/views.

Hasilnya :

Mungkin hanya itu saja penjelasan tentang Basic Controller dan View pada Laravel.

Sekian dan Terima Kasih ^^

Basic Routing Pada Laravel

By Unknown

Read

0 Comments

Sebelumnya, apa itu Routing?

Routing merupakan salah satu fitur yang ada pada framework laravel untuk penambahan URL, jadi setiap URL yang akan diakses harus didaftarkan pada Routing.

Dalam routing kita mengenal GET dan POST. Kita bisa dengan mudah melihat perbedaannya yaitu, GET data dan parameter akan terlihat di url sedangkan POST tidak terlihat di url. Tapi framework Laravel bagian routing GET dan POST ini mempunyai cara kerja yang berbeda dan yang dimaksud bukan $_GET dan $_POST kalau di Laravel $_GET dan $_POST ini akan dipelajari di bagian Basic Input di Laravel. Tapi dalam routing Laravel, GET disini digunakan untuk menampilkan, parsing atau mengirimkan data. Sedangkan POST digunakan untuk mengangani sebuah form untuk menerima hasil inputan.

A. BASIC ROUTE

Secara dasar, penggunaan basic route sebagai berikut.

route::get, merupakan method yang digunakan untuk route dengan method get seperti yang dijelaskan di atas.

Tanda ‘/haii’, digunakan untuk mendefinisikan / penamaan route / urlnya.

B. ROUTE PARAMETER

Fungsi parameter ini untuk mengirimkan sebuah nilai atau parameter ke route atau ke controller. Route terbagi menjadi beberapa bagian yaitu :

1. Basic Route Parameter (Dasar Route Berparameter)

haii/{nama}, digunakan untuk definisi / penamaan route / urlnya sedangkan {nama} adalah variabel yang dikirimkan atau parameternya.

function($nama), digunakan untuk menangkap parameter.

return ‘Halohaa Saya ‘.$nama.’ dari kelompok 4’;, digunakan untuk menampilkan kalimat Halohaa Saya sesuai parameter dari Kelompok 4.

2. Route Parameters (Route Berparameter Lebih Dari Satu)

Untuk mengirim parameter lebih dari satu dari contoh dasar route berparameter kita hanya perlu menambahkan /{parameter-baru}.

haii/{id}/{nama}, digunakan untuk definisi / penamaan route / urlnya sedangkan untuk {id} dan {nama} adalah adalah parameternya

function($id, $nama), digunakan untuk menangkap parameter.

return ‘ Halohaa Saya ‘ .$nama.’ dari kelompok ‘.$id;, digunakan untuk menampilkan kalimat Halohaa Saya sesuai parameter dari kelompok sesuai parameter.

3. Optional Route Parameters with Defaults (Optional Route Parameter dengan Nilai Default)

Optional Route Parameter adalah adalah sebuah pilihan jika parameter tidak dicantumkan maka akan digantikan dengan nilai default yang sudah ditetapkan.

haii/{nama?}, digunakan untuk definisi / penamaan route / urlnya, {nama?} artinya jika parameter tidak ditemukan akan diganti null dengan code berikut $nama=’Dhika’.

C. RETURN VIEW

Return view berfungsi untuk memanggil langsung file blade tanpa memprosesnya ke controller terlebih dahulu.

Contoh 1 :

Berikut adalah file Hallo.blade.php yang terdapat di folder resource/views/Hallo.blade.php

hallo/view, digunakan untuk definisi / penamaan route / urlnya.

return view(‘ Hallo’);, digunakan untuk menampilkan file Hallo.blade.php

Contoh 2 :

Return view menggunakan parameter

Berikut adalah file Halloo.blade.php yang terdapat di folder resource/views/Halloo.blade.php

view2/{nama?}, digunakan untuk definisi / penamaan route / urlnya. Sedangkan {nama?} artiniya jika parameter tidak ditemukan akan diganti null dengan code berikut $nama = ’Dhika’.

return view(‘ Halloo’, compact(‘nama’);, digunakan untuk menampilkan file Halloo.blade.php dan juga parameter $nama. Fungsi compact disini yaitu untuk melakukan passing data dari controller ke view.

Mungkin hanya seperti itu penjelasan tentang Basic Routing pada Laravel.

Sekian dan Terima Kasih ^^

Sumber : https://gilacoding.com/read/belajar-dasar-route-view-dan-controller-laravel

PEMROGRAMAN WEB

Latest Posts

Memanfaatkan Template Blade Pada Laravel

Basic Controller dan View Pada Laravel

Basic Routing Pada Laravel

Follow Us

Recent Posts

Facebook