Dashboard yang kita buat menggunakan template dari https://adminlte.io/. Download versi terbarunya kemudian exstract. Setelah di exstract, copy paste isi dari folder dist (css, img, js) ke dalam folder toko/public. Selanjutnya buka folder plugins di folder hasil exstract tadi, kemudian copy 3 folder (bootstrap, fontawesome-free, dan jquery) ke dalam folder toko/public/js. Semua folder yang dibutuhkan sudah dipersiapkan di folder public. Kemudian ikuti langkah selanjutnya di bawah ini. # Buat DashboardController Buka terminal di visual studio code, kemudian buatlah 1 buah controller dengan perintah
Kemudian pencet enter. Kemudian buka file DashboardController.php tadi dan edit menjadi seperti kode di bawah ini.
Kalau sudah, sekarang lanjut ke langkah selanjutnya. # Tambahkan Route Buka file routes/web.php dan pada baris paling bawah, tambahkan kode ini.
Pada langkah selanjutnya kita akan membuat template dashboardnya. # Buat Menu Dashboard Buat 1 buah file baru di dalam folder views/layouts dengan nama menudashboard.blade.php dan isi dengan kode berikut.
# Template Dashboard Terakhir buat 1 buah file di dalam folder views/layouts dengan nama dashboard.blade.php Karena kodenya agak panjang, copy paste saja kode di bawah ini.
# Terakhir Terakhir, buatlah 1 buah folder di dalam folder views dengan nama dashboard. Kemudian tambahkan 1 buah file dengan nama index.blade.php dan isi dengan kode berikut.
Setelah semua siap, sekarang jalankan dengan perintah php artisan serve dan akses di alamat http://localhost:8000/admin Hasilnya akan tampak seperti gambar di bawah ini. |