Sabtu, 12 September 2020

Intregrasi dengan boostrap

 Nama : Novia Dwi Jayanti

Kelas :  XII RPL1

MPEL: Pemograman Berorientasi Objek



Langka langkahnya :

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.

Tidak ada komentar:

Posting Komentar