Memanfaatkan Template Blade pada Laravel
Dibagian ini kita akan mempelajari blade dan cara memanfaatkannya. Blade adalah template engine yang disediakan oleh framework laravel atau bawaan dari framework laravel. Blade adalah konversi dari bahasa pemrograman PHP ke Blade itu sendiri agar lebih mudah dipahami dan lebih singkat. Kenapa kita harus menggunakan Blade ? Karena dengan menggunakan blade dalam mengatur layout web yang kita bangun akan lebih mudah. Mudah disini jika anda sudah mengetahui dasar – dasar blade itu sendiri.
Pertama download templatenya terlebih dahulu. Sebagai contoh saya download disini.
Buat folder pada C:\xampp\htdocs\laravel\public dengan nama folder asset. kemudian extract filenya kedalam folder tersebut.
“Asset diastas adalah nama folder. Kalian boleh namai apa saja”.
Kemudian buat file dengan nama adminlte.blade.php pada C:\xampp\htdocs\laravel\resources\views.
Pada template adminlte yang sudah di download dan di extract pada folder asset. Buka file index.html kemudian salin semua scriptnya lalu tempelkan pada adminlte.blade.php.
pada sintak <head> sampai </head> terdapat link yang menuju pada file-file css. Tambahkan kode {{url('/asset/}}.
Sama halnya pada link yang menuju pada file file jquery yang berada di bagian script paling bawah yang terdapat file .js.
Kemudian tambahkan script berikut pada web.php yang berada pada C:\xampp\htdocs\laravel\routes
Route::get(‘adminlte’.function (){
Return view(‘adminlte’);
});
Kemudian cek hasilnya :
Selanjutnya buat folder “template” pada
C:\xampp\htdocs\laravel\resources\views. Kemudian pisah-pisahkan bagian sintak pada adminlte.blade.php seperti head, header, sidebar, content wrapper, footer, control sidebar dan jquery. kemudian file-file yang sudah dipisahkan tersebut disimpan pada folder template tersebut dengan menggunakan blade.php. Dah hasilnya akan seperti ini :
Pada file adminlte.blade.php tambahkan perintah untuk memanggil file-file yang sudah dipisahkan tadi dengan menambahkan “include”.
Kemudian coba kita cek hasilnya dengan url
jika hasilnya blank berarti berhasil karna pada file wrapper.blade.php tidak memakai include tetapi yield. Karna pada bagian wrapper adalah isi konten dari halaman web tersebut dan yang akan diganti adalah isi halamannya.
Selanjutnya pada C:\xampp\htdocs\laravel\app\Http\Controllers kita buat file DatabarangController.php menggunakan CMD dengan perintah :
php artisan make: controller DataBarangController
maka hasilnya
kemudian pada DataBarangController.php tambahkan script
return view(‘Data-Barang.index’);
Selanjutnya buat folder “Data-Barang” pada
C:\xampp\htdocs\laravel\resources\views. Kemudian buat file bernama index.blade.php
Tambahkan script berikut pada file indext.blade.php
Kemudian tambahkan script berikut pada web.php yang berada pada C:\xampp\htdocs\laravel\routes
Route::resource(‘/barangjual’, ‘DataBarangController’);
Tidak ada komentar:
Posting Komentar