Modul 4 - Passing Data Controller Ke View Laravel
Modul 4 - Passing Data Controller Ke View Laravel
Passing data adalah proses mengoper data, data yang dioper adalah data yang ada pada controller ke
view untuk ditampilkan.
Cara untuk mempassing atau oper data ke view pada laravel, kita bisa mengirim datanya dalam
parameter ke 2 pada fungsi view().
Kita telah belajar tentang penggunaan fungsi view() pada modul route dan view sebelumnya.
Fungsi view() kita gunakan untuk memanggil view yang ingin ditampilkan, data yang ingin di passing
kita letakkan pada parameter ke 2 dalam fungsi view. Parhatikan contoh berikut.
Pada modul sebelumnya kita telah membuat method index() pada controller SiswaController. untuk
me-return atau mengembalikan string, seperti pada syntax di gambar di atas dan syntax berikut.
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class SiswaController extends Controller
Juhaya, ST. | Membangun WEB untuk mengelola Nilai Siswa menggunakan Framework Laravel dan Bootstrap Halaman : 1
Modul #4 : Passing Data Controller Ke View Laravel
{
//di sini isi controller Siswa
public function index(){
return "Halo ini adalah method index, dalam controller SiswaController. ";
}
}
Sekarang kita akan mencoba memanggil atau menampilkan view dari controller, jadi sampai di sini kita
tidak lagi menampilkan view dari route seperti cara sebelumnya.
Karena Cara sebelumnya kita hanya berkenalan dengan route dan cara pemanggilan view, cara benar
nya adalah view tetap di panggil dari controller untuk ditampilkan.
Buat view baru, di sini kita akan menampilkan view biodatasiswa, jadi buat sebuah file view baru lagi
dalam folder views, buat dengan nama biodatasiswa.blade.php.
Untuk nama view nya bebas asalkan ekstensinya tetap menggunakan .blade.php seperti cara membuat
view pada laravel yang sudah dijelaskan pada modul sebelumnya.
belajar_laravel/resources/views/biodatasiswa.blade.php
<!DOCTYPE html>
<html>
<head>
<title>Modul #4 : Passing Data Controller Ke View Laravel </title>
</head>
<body>
<h1>Modul 4 - Passing Data Controller Ke View Laravel </h1>
</body>
</html>
Selanjutnya pada method index dalam controller SiswaController kita panggil view
biodatasiswa.blade.php ini.
belajar_laravel/app/Http/Controllers/SiswaController.php
Juhaya, ST. | Membangun WEB untuk mengelola Nilai Siswa menggunakan Framework Laravel dan Bootstrap Halaman : 2
Modul #4 : Passing Data Controller Ke View Laravel
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
Karena pada modul sebelumnya, kita telah memerintahkan route ‘siswa’ menjalankan controller
SiswaController dan method index pada saat route ‘siswa’ di akses.
Juhaya, ST. | Membangun WEB untuk mengelola Nilai Siswa menggunakan Framework Laravel dan Bootstrap Halaman : 3
Modul #4 : Passing Data Controller Ke View Laravel
Buka di Browser :
http://localhost:8000/siswa atau http://localhost/belajar_laravel/public/siswa
Maka hasilnya :
Selanjutnya kita akan belajar mengoper data dari dari controller SiswaController (method index) ke
view biodatasiswa.
belajar_laravel/app/Http/Controllers/SiswaController.php
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class SiswaController extends Controller
{
public function index(){
$nama = "Syifa Awaliya Ahyani";
return view('biodatasiswa',['nama' => $nama]);
}
}
Juhaya, ST. | Membangun WEB untuk mengelola Nilai Siswa menggunakan Framework Laravel dan Bootstrap Halaman : 4
Modul #4 : Passing Data Controller Ke View Laravel
Perhatikan pada syntax di atas, pada syntax di atas kita membuat sebuah variabel yang menyimpan data
nama “Syifa Awaliya Ahyani”.
Kemudian pada bagian ['nama' => $nama] kita mengirimkan data variabel nama, selanjutnya pada
view biodatasiswa.blade.php, kita bisa langsung menampilkan data yang ada dalam variabel nama,
buka view biodatasiswa.blade.php.
belajar_laravel/resources/views/biodatasiswa.blade.php
<!DOCTYPE html>
<html>
<head>
<title>Modul #4 : Passing Data Controller Ke View Laravel </title>
</head>
<body>
<h1>Modul 4 - Passing Data Controller Ke View Laravel </h1>
<p>Nama : {{ $nama }}</p>
</body>
</html>
Perhatikan pada syntax di atas, kita bisa langsung menampilkan data yang ada dalam variabel nama
tadi hanya dengan menuliskan syntax {{ $nama }} .
Jadi kita tidak perlu lagi menuliskannya dengan cara membuka tag php ( <?php ……. ?>).
Ini lah kelebihan dari sistem template blade dari laravel ( .blade.php ), segala penggunaannya semacam
sudah dipermudah untuk kita dalam menggunakan laravel.
Kita lihat hasilnya, http://localhost:8000/siswa.
Juhaya, ST. | Membangun WEB untuk mengelola Nilai Siswa menggunakan Framework Laravel dan Bootstrap Halaman : 5
Modul #4 : Passing Data Controller Ke View Laravel
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
Perhatikan pada syntax di atas, data array yang kita masukkan dalam variabel pelajaran bisa langsung
kita passing ke view, dengan cara yang sama, data-data yang dikirim ke view tinggal kita pisahkan
dengan tanda koma ” , “.
Pada contoh data array yang dikirim di atas, data array kita masukkan dalam variabel pelajaran,
kemudian kita kirimkan dengan nama “mapel”, jadi pada view kita akan mengakses dengan nama
“mapel”.
Juhaya, ST. | Membangun WEB untuk mengelola Nilai Siswa menggunakan Framework Laravel dan Bootstrap Halaman : 6
Modul #4 : Passing Data Controller Ke View Laravel
Perhatikan pada syntax di atas, data array mapel yang dikirimkan dari controller kita tampilkan dengan
menggunakan foreach(), karena datanya dalam bentuk array.
Data variabel mapel kita ubah menjadi variabel m dalam fungsi foreach, kemudian kita tinggal
menampilkan variabel m seperti pada syntax di atas.
Untuk penulisan fungsi foreach dan perulangan lainnya dalam template blade laravel kita juga tidak
perlu menulisakan tag php, kita bisa menggungakan tanda @ langsung.
Pada Modul ini, Kita telah belajar cara memanggil view dari controller, belajar cara mengoper data dan
data array dari controller ke view.
Akan kita lanjutkan pada modul selanjutnya.
Juhaya, ST. | Membangun WEB untuk mengelola Nilai Siswa menggunakan Framework Laravel dan Bootstrap Halaman : 7