0% menganggap dokumen ini bermanfaat (0 suara)
23 tayangan7 halaman

Modul 4 - Passing Data Controller Ke View Laravel

Passing Data Controller Ke View Laravel

Diunggah oleh

kangjuhaya
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
0% menganggap dokumen ini bermanfaat (0 suara)
23 tayangan7 halaman

Modul 4 - Passing Data Controller Ke View Laravel

Passing Data Controller Ke View Laravel

Diunggah oleh

kangjuhaya
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 7

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.

Sebelumnya kita telah membuat controller SiswaController.

Memanggil View Dari Controller Laravel


Kita mulai dengan memanggil atau menampilkan view dari controller DosenController yang sudah kita
buat pada tutorial laravel part sebelumnya.

Buka controller SiswaController, pada belajar_laravel/app/Http/Controllers/SiswaController.php.

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;

class SiswaController extends Controller


{
public function index(){
return view('biodatasiswa');
}
}

Sekarang pada saat kita mengakses http://localhost:8000/siswa atau


http://localhost/belajar_laravel/public/siswa, maka akan ditampilkan view siswa.blade.php.

Karena pada modul sebelumnya, kita telah memerintahkan route ‘siswa’ menjalankan controller
SiswaController dan method index pada saat route ‘siswa’ di akses.

Sekarang kita akan mengakses route “siswa”.

Jangan lupa menjalankan “php artisan serve” dulu.

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

Passing Data Array Ke View Laravel

Untuk mengoper data array ke view laravel, perhatikan contoh berikut.


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";
$pelajaran = ["IPA","IPS","Matematika"];
return view('biodatasiswa',['nama' => $nama,'mapel' => $pelajaran]);
}
}

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 ” , “.

['nama' => $nama,'mapel' => $pelajaran]

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

Buka view biodatasiswa.blade.php lagi.


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>
<p>Mata Pelajaran</p>
<ul>
@foreach($mapel as $m)
<li>{{ $m }}</li>
@endforeach
</ul>
</body>
</html>

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.

Kita lihat hasilnya.

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

Anda mungkin juga menyukai