#PART2 : Tutorial membuat web CV Dinamis menggunakan Laravel 5, Installasi Backend
Assalaamualaikum..
Masih di tutorial membuat web CV Dinamis menggunakan Laravel 5.
Untuk tutorial part 2 kali ini, kita akan membahas bagaimana cara nya untuk instalasi template backend menggunakan adminlte..
Yang pertama harus kalian lakukan adalah mendownload terlebih dahulu template adminlte Disini.
Setelah di Download, silahkan di extract, kemudian copy paste kedalam folder /public.
Mimin sendiri juga sudah menyediakan layouts yang sudah terhubung kedalam /public/adminlte, jadi layouts nya sudah siap untuk digunakan.
Silahkan Download Disini.
Setelah terdownload, silahkan di extract dan kemudian di copy paste kedalam folder /resources/views.
Sekarang kita buat route baru yang mengarah ke admin, buka file /routes/web.php, kemudian tambahkan route baru /admin seperti dibawah ini :
Pada route di atas, kita mengarahkan ke file Beranda_controller yang ada didalam folder /admin.
Karena kita belum memiliki folder Admin dan juga belum memiliki file Beranda_controller.php, maka kita buat controller tersebut dengan menggunakan php artisan :
Buka terminal / CMD nya terlebih dahulu, kemudian arahkan kedalam folder project laravel kita, disini nama folder project mimin adalah CV, maka arahkan ke C/xampp/htdocs/cv..
Kemudian ketik perintah seperti dibawah ini :
Maka nanti otomatis sistem akan membuat sebuah folder baru bernama Admin yang sudah berisi file controller bernama Beranda_controller.php
Di tahap 3, kita mengarahkan route /admin ke controller Beranda_controller, dan ke method index, maka kita akan membuat method index didalam Beranda_controller seperti dibawah ini :
Pada method index di atas, kita membuat sebuah variabel title yang berisi judul dari sebuah halaman admin.
Variabel title ini akan selalu kita definisikan di semua method yang mengarah ke view tertentu, krn variable ini yang akan menjadi judul dari sebuah halaman.
Setelah itu ada fungsi return view yang mengarah ke file /resources/view/admin/beranda/beranda_index.blade.php
Membuat folder baru bernama admin didalam folder /resources/views.
Kemudian buat folder baru lagi bernama beranda di dalam folder /resources/views/admin.
Terakhir buat file baru bernama beranda_index.blade.php didalam folder /resources/views/admin/beranda
Maka struktur foler ny menjadi : /resources/views/admin/beranda/beranda_index.blade.php
Kemudian kita isi file beranda_index.blade.php seperti dibawah ini :
Sedikit penjelasan mengenai file di atas :
terdapat fungsi @extends('layouts.master'), ini menandakan bahwa file beranda_index.blade.php di bungkus didalam file utama yang berada di /resources/views/layouts/master.blade.php
kemudian function @section('content') yaitu untuk menaruh konten halaman kita di function @yield('content') yang ada di file /resources/views/layouts/master.blade.php.
Setiap pembukaan @section() harus di tutup dengan @endsection
Jika kita buka link http://localhost/cv/public/admin maka tampilan nya akan seperti dibawah ini :
Pada gambar di atas, karena tampilan menu sidebar nya masih belum sesuai dengan project yang akan kita buat, maka kita modifikasi file /resources/views/layouts/sidebar.blade.php menjadi seperti dibawah ini :
Pada file di atas, kita hanya membuat 2 menu sidebar aja, yaitu menu home, dan menu profile, menu profile sendiri terdiri beberapa submenu, yaitu username, phone, email, dan alamat.
Setelah di modifikasi, maka tampilan nya akan seperti dibawah ini :
Part 2 selesai sampai Disini..
#PART1 : Tutorial membuat web CV Dinamis menggunakan Laravel 5, Installasi Template
Part 3 sedang Proses, di tunggu yaa..
Terima jasa pembuatan Website :
- hubungi : 0896-0849-8550 (WA)
Masih di tutorial membuat web CV Dinamis menggunakan Laravel 5.
Untuk tutorial part 2 kali ini, kita akan membahas bagaimana cara nya untuk instalasi template backend menggunakan adminlte..
1. Download Template AdminLte
Yang pertama harus kalian lakukan adalah mendownload terlebih dahulu template adminlte Disini.
Setelah di Download, silahkan di extract, kemudian copy paste kedalam folder /public.
2. Download layout yang sudah di sediakan.
Mimin sendiri juga sudah menyediakan layouts yang sudah terhubung kedalam /public/adminlte, jadi layouts nya sudah siap untuk digunakan.
Silahkan Download Disini.
Setelah terdownload, silahkan di extract dan kemudian di copy paste kedalam folder /resources/views.
3. Buat route baru
Sekarang kita buat route baru yang mengarah ke admin, buka file /routes/web.php, kemudian tambahkan route baru /admin seperti dibawah ini :
Pada route di atas, kita mengarahkan ke file Beranda_controller yang ada didalam folder /admin.
4. Buat controller Beranda_controller.php
Karena kita belum memiliki folder Admin dan juga belum memiliki file Beranda_controller.php, maka kita buat controller tersebut dengan menggunakan php artisan :
Buka terminal / CMD nya terlebih dahulu, kemudian arahkan kedalam folder project laravel kita, disini nama folder project mimin adalah CV, maka arahkan ke C/xampp/htdocs/cv..
Kemudian ketik perintah seperti dibawah ini :
Maka nanti otomatis sistem akan membuat sebuah folder baru bernama Admin yang sudah berisi file controller bernama Beranda_controller.php
5. Membuat method index
Di tahap 3, kita mengarahkan route /admin ke controller Beranda_controller, dan ke method index, maka kita akan membuat method index didalam Beranda_controller seperti dibawah ini :
Pada method index di atas, kita membuat sebuah variabel title yang berisi judul dari sebuah halaman admin.
Variabel title ini akan selalu kita definisikan di semua method yang mengarah ke view tertentu, krn variable ini yang akan menjadi judul dari sebuah halaman.
Setelah itu ada fungsi return view yang mengarah ke file /resources/view/admin/beranda/beranda_index.blade.php
6. Membuat View baru bernama beranda_index.blade.php
Membuat folder baru bernama admin didalam folder /resources/views.
Kemudian buat folder baru lagi bernama beranda di dalam folder /resources/views/admin.
Terakhir buat file baru bernama beranda_index.blade.php didalam folder /resources/views/admin/beranda
Maka struktur foler ny menjadi : /resources/views/admin/beranda/beranda_index.blade.php
Kemudian kita isi file beranda_index.blade.php seperti dibawah ini :
Sedikit penjelasan mengenai file di atas :
terdapat fungsi @extends('layouts.master'), ini menandakan bahwa file beranda_index.blade.php di bungkus didalam file utama yang berada di /resources/views/layouts/master.blade.php
kemudian function @section('content') yaitu untuk menaruh konten halaman kita di function @yield('content') yang ada di file /resources/views/layouts/master.blade.php.
Setiap pembukaan @section() harus di tutup dengan @endsection
Jika kita buka link http://localhost/cv/public/admin maka tampilan nya akan seperti dibawah ini :
7. Ubah tampilan menu Sidebar
Pada gambar di atas, karena tampilan menu sidebar nya masih belum sesuai dengan project yang akan kita buat, maka kita modifikasi file /resources/views/layouts/sidebar.blade.php menjadi seperti dibawah ini :
Pada file di atas, kita hanya membuat 2 menu sidebar aja, yaitu menu home, dan menu profile, menu profile sendiri terdiri beberapa submenu, yaitu username, phone, email, dan alamat.
Setelah di modifikasi, maka tampilan nya akan seperti dibawah ini :
Part 2 selesai sampai Disini..
#PART1 : Tutorial membuat web CV Dinamis menggunakan Laravel 5, Installasi Template
Part 3 sedang Proses, di tunggu yaa..
Terima jasa pembuatan Website :
- hubungi : 0896-0849-8550 (WA)
setelah tahap 6 waktu buka muncul NotFoundHttpException in RouteCollection.php line 161 perasaan dah ngikutin caranya tapi muncul kek gitu bang.
BalasHapusRoute nya udah di tambahin blum om?
BalasHapussudah saya tambahkan route nya.
BalasHapusRoute::get('/admin','Admin\Beranda_controller@index');
seperti itu kan ?
waktu saya akses localhost:81/cv/public/admin gak bisa.
coba jangan pake php artisan server, pake server biasa aja..
BalasHapus