#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..

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)

4 Responses to " #PART2 : Tutorial membuat web CV Dinamis menggunakan Laravel 5, Installasi Backend"

  1. setelah tahap 6 waktu buka muncul NotFoundHttpException in RouteCollection.php line 161 perasaan dah ngikutin caranya tapi muncul kek gitu bang.

    BalasHapus
  2. Route nya udah di tambahin blum om?

    BalasHapus
  3. sudah saya tambahkan route nya.

    Route::get('/admin','Admin\Beranda_controller@index');

    seperti itu kan ?
    waktu saya akses localhost:81/cv/public/admin gak bisa.

    BalasHapus
  4. coba jangan pake php artisan server, pake server biasa aja..

    BalasHapus

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel