WELCOME ~ SELAMAT DATANG DI MYBLOG INDRA DARI SMK WIKRAMA 1 JEPARA

Rabu, 18 Oktober 2017

Integrasi bootstrap di laravel

Assalamu’alaikum Warahmatullahi Wabarakaatuh.

Hari Ini saya akan memposting cara Integrasi bootstrap di laravel.

A.Pengertian:
Laravel adalah sebuah framework yang digunakan untuk web development di PHP.
Umur framework ini, terbilang masih baru (walaupun sudah mulai beranjak ke versi 5),
dan mungkin seumuran dengan PhalconPHP.

B.Tahap pelaksanaan:
1.Untuk mengintegrasikan bootstrap dilaravel anda harus mendownload terlebih dahulu file
bootstrap , buka link berikut : http://getbootstrap.com , apabila bootstrap sudah
didownload extract file bootstrap tersebut dan ambil folder css,js,dan fonts di bootstrap ,
agar terlihat rapih buat folder assets di laravel anda lalu masukan file bootstrap kedalam

folder assets anda
2.Folder bootstrap sudah dimasukan ke laravel anda selanjut nya buka folder laravel anda

lalu masuk ke folder privasi lalu masuk lagi ke folder resource masuk lagi ke folder views dan buat lah folder template yang bertujuan untuk membuat template bootstrap dan
jangan lupa download terlebih dahulu jquery.min.js dan masukan ke folder js , apabila
anda sudah membuat folder template buat file yang bernama t_index.blade.php file ini
bertujuan untuk menyimpan link rel dan template bootstrap File sudah dibuat selanjutnya menambah code di file tersebut , tulis kode di file t_index.blade.php seperti gambar berikut :




3.Selanjutnya buka file routes.php di privasi>app>http>routes.php ubah
return view(welcome); menjadi return view('home');
ini bertujuan agar file yang di buka pertama itu adalah home.index.blade.php selanjutnya
buat file home.index.blade.php di privasi>resources>views>home.index.blade.php dan
masukin code seperti gambar dibawah ini :



extends : untuk mengambil template bootstrap ,
@section untuk memasukan data home.blade.php ke template bootstrap tersebut

apabila sudah selesai coba buka di browser anda : localhost/laravel





dan akan menemukan eror tersebut , eror tersebut adalah kita belum memasukan
illuminate di laravel , cara untuk memasukannya adalah buka file composer.json di
privasi>composer.json lalu tambahkan "illuminate/html": "5.*"


apabila composer.json sudah seperti gambar di atas lalu buka cmd kita masuk ke folder
laravel kita lalu masuk ke privasi ketik : composer update tunggu beberapa saat composer
telah terupdate , selanjutnya buka file app.php di privasi>config>app.php lalu buka file
tersebut tambah kan Illuminate\Html\HtmlServiceProvider::class,


Dan tambahkan juga


'Form' => Illuminate\Html\FormFacade::class,
'Html' => Illuminate\Html\HtmlFacade::class,
Apabila sudah selesai menambahkan coba buka localhost/laravel dan tara sudah berjalan
dengan baik.
4.Selesai.

C.Latar belakang:
Kewajiban siswa blc setelah mempelajari sesuatu wajib di posting guna menjadi laporan pada waktu pulang dan agar terbiasa bila melalukukan atau mengerjakan sesuatu membagikan ke publik dan hari ini saya belajar Integrasi bootstrap di laravel.

D.Maksud dan tujuan:
Bisa mengerti memahami cara Integrasi bootstrap di laravel.

E.Referensi:
Repository blc telkom ebook rpl belajar laravel untuk pemula.

Sekian terimakasih semoga bermanfaat selamat mencoba.

Wassalamu’alaikum Warahmatullahi Wabarakaatuh.  

0 komentar:

Posting Komentar

luvne.com ayeey.com cicicookies.com mbepp.com kumpulanrumusnya.comnya.com tipscantiknya.com