- Aktifkan xampp anda terlebih dahulu. Tekan tombol window pada keyboard anda, lalu ketik xampp .
![](https://www.rumahcoding.co.id/wp-content/uploads/2018/07/n1.png)
- 2. Klik Start pada Apache serta MySQL .
2. Klik Start pada Apache serta MySQL
![](https://www.rumahcoding.co.id/wp-content/uploads/2018/07/n2.png)
3. Kemudian buka salah satu Web Browser Anda Google Chrome, Mozilla, dll. Lalu ketik http://localhost/dashboard/ pada link URL anda.
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss1-1024x524.png)
4. Buka cmd dengan cara no 1
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss4.png)
5. Masuk ke folder htdocs pada instalasi xampp anda
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss5-1024x290.png)
6. Lalu Kembali ke cmd, ketik cd C:\xampp2\htdocs Kemudian tekan enter.
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss8.png)
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss9.png)
7. Sekarang install laravel nya dengan perintah composer create-project laravel/laravel LaraStore “5.6” lalu tekan enter.
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss10.png)
tunggu sampai proses selesai seperti gambar di bawah
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss11.png)
8. Sekarang coba buka di browser nya, masukkan http://localhost/LaraStore/public/
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss12-1024x575.png)
9. Sekarang kita download Admin LTE template di https://github.com/almasaeed2010/AdminLTE/releases . Scroll ke bawah, seperti gambar dibawah, lalu pilih Source code (zip) .
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss13.png)
10. Setelah file berhasil di download, extract file tersebut.
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss14.png)
11. Kemudian copy folder AdminLTE-3.0.0-alpha ke dalam folder C:\xampp2\htdocs\LaraStore\public .
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss15.png)
12. Rename folder tersebut menjadi lte
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss16.png)
13. Sekarang coba buka di browser nya, masukkan http://localhost/LaraStore/public/lte
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss17-1024x429.png)
14. Buatlah folder baru di dalam resources/views dengan nama admin. Gunakan text editor anda untuk membuatnya.
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss18.png)
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss19.png)
16. Di dalam folder admin, buatlah sebuah file namakan dengan admin.blade.php
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss20.png)
17. Copy isi starter.html
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss21.png)
18. Paste ke dalam admin.blade.php
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss22.png)
19. Ubah link resource menggunakan helper asset ( ) seperti gambar di bawah .
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss23.png)
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/s24.png)
20. Kemudian butlah 3 file dalam folder admin, yaitu header.blade.php, sidebar.blade.php, footer.blade.php .
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss24.png)
21. Masuk ke admin.blade.php , kemudian cut code pada bagian Navbar
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss25-1.png)
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss26.png)
22. Kemudian Paste ke dalam header.blade.php.
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss27.png)
23. Masuk ke dalam admin.blade.php , tambahkan code dibawah untuk memanggil file header.blade.php
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss28.png)
24. Masuk ke admin.blade.php , kemudian cut code pada bagian Sidebar
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss29.png)
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss30.png)
25. Kemudian Paste ke dalam sidebar.blade.php.
26. Masuk ke dalam admin.blade.php , tambahkan code dibawah untuk memanggil file sidebar.blade.php
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss31.png)
27. Masuk ke admin.blade.php , kemudian cut code pada bagian Footer
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss32.png)
28. Lalu Paste ke dalam footer.blade.php.
29. Masuk ke dalam admin.blade.php , tambahkan code dibawah untuk memanggil file footer.blade.php
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss34-1.png)
30. Lalu kita ganti konten utama, dengan code berikut
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss35-1.png)
31. Buatlah contoller untuk menampilkan halaman admin dengan cmd
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss36.png)
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss37.png)
32. Masuk ke file AdminController.php. Tambahkan code dibawah
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss38.png)
33. Buatlah sebuah route baru untuk menjalankan AdminController
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss39.png)
34. Sekarang coba buka di browser nya, masukkan http://localhost/LaraStore/public/admin
![](https://www.rumahcoding.co.id/wp-content/uploads/2019/02/ss40-1024x299.png)
Pingback: TUTORIAL 2 : CRUD menggunakan Laravel - Rumah Coding