Tutorial DasarSIAP Wacana

Artikel Kategori // Lain-Lain

Beranda / Lain-Lain / aktivitas minggu keempat – design tampilan dengan bootstrap
aktivitas minggu keempat – design tampilan dengan bootstrap
0 Komentar | Dibaca 1548 kali

Pada minggu keempat ini, saya melakukan design pada Views laravel dengan menggunakan bootstrap. karena sistem view di laravel menggunakan sistem berbasis objek, maka hal pertama yang saya lakukan adalah dengan menambahkan code untuk config bootstrap pada halaman master view yang nantinya akan di extend ke halaman halaman lainnya. Perintah config untuk bootstrap di letakkan pada halaman master agar ketika halaman lain di panggil, bootstrap akan tetap berjalan meskipun tidak ada perintah config di dalamnya, karena setiap halaman view di laravel merupakan hasil extend dari halaman master.

selain meletakkan config untuk bootstrap (css dan javascript), pada halaman master juga di letakkan config untuk plug in icon yang saya gunakan untuk design tampilan halaman yaitu FontAwesome dengan menggunakan metode blade templating juga tentunya. selain itu juga ada konfigurasi untuk JQuery dan beberapa javascript dari bootstrap yang di deklarasikan di halaman master, contohnya: tooltip & modal.

halaman master pada laravel bak sebuah layout, dimana pada halaman ini telah di setting header, title, dan kontennya. pada halaman master view dari admin, saya menambahkan layout untuk sidebar menu untuk admin, yang fungsinya sebagai tombol navigasi berpindah halaman. untuk mengatur tata letak konten sangatlah sederhana, dengan mengaturnya di halaman master, semisal halaman konten di letakkan pada kolom ketiga sampai dua belas karena kolom pertama dan kedua di gunakan sebagai sidebar navigasi (bootstrap), maka untuk view baru konten, hanya perlu melakukan extend halaman master, setelah itu menuliskan section untuk konten, maka secara otomatis konten akan terletak pada layout yang telah kita setting di halaman master.

Harap tunggu, laporan sedang dalam proses submit....
Tags :  

Anda harus login untuk berkomentar. Login Sekarang

Penulis Lainnya

DENNY A

Penulis ini masih malu-malu menuliskan sedikit tentang Biografinya
Daftar Artikel Terkait :  1
Layanan ini diselenggarakan oleh PT. TELKOM INDONESIA untuk dunia pendidikan di Indonesia.
Mari kita majukan bangsa Indonesia, melalui pemanfaatan Teknologi Informasi yang tepat guna
pada dunia pendidikan Indonesia.
Sistem Informasi Aplikasi Pendidikan
versi 2.0