Laporan praktikum web 8
1. Buat Folder Laravel dan Install Global Laravel
Pertama buat folder / workspace terlebih dahulu didalam folder htdocs, kita sepakati dengan nama Laravel
buat project baru Laravel yaitu menggunakan comoposer, ketikkan perintah berikut pada workspace.
composer create-project laravel/laravel=^12.0 laravel-sisfo --prefer-dist
untuk menjalankan project dapat menggunakan perintah seperti dibawah ini.
php artisan serve
2. Konfigurasi Database
buka file .env kemudian isikan konfigurasi datababse berikut ini.
3. User Authentication
Install package Laravel/ui
Buka terminal/cmd kemudian ketikkan perintah berikut ini.
composer require laravel/ui
Authenctiacation fitur
Ketikkan perintah berikut pada terminal / cmd php artisan ui bootstrap --auth
Jika berhasil ketikkan perintah berikut
npm install && npm run dev
4. Kostum Tabel User
Dari stuktur table users diatas maka perlu ditambahken beberapa field yaitu username, level dan status, maka perlu membuat sebuah migration untuk menambahkan field-field diatas, ketikkan perintah berikut pada terminal atau cmd.
php artisan make:migration costum_table_users
selanjutnya buka folder database/migration/ seperti gambar berikut, kemudian isi code dengan isi seperti gambar
Setelah selesai, struktur tabel akan berubah seperti berikut
5. Membuat Seeding User
buat seeder dengan nama AdminSeeder dengan perintah :
php artisan make:seeder AdminSeeder
maka secara otomatis file AdminSeeder.php akan dibuat pada folder database/Seeder.Kemudian buka file tersebut dan buat akun admin seperti kode program berikut.
Selanjutnya untuk menjalankan seeding dengan cara menjalankan perintah berikut .
php artisan db:seed --class=AdminSeeder
jika berhasil maka akan tampil seperti gambar berikut.
6. Templating atau Layouting
Downloah template pada link https://startbootstrap.com/theme/sb-admin-2 kemudian extrak, selanjutnya buat folder pada public project Laravel dengan nama sbadmin dan copy paste kan seluruh asset template sbadmin kedalam folder tersebut.
Buka file app.blade.php pada folder view/layouts kemudian isi dengan kode program berikut
Sehingga tampilan login akan berubah seperti gambar dibawah ini.
7. Layout Global
Selanjutnya membuat layout global yang mana layout ini akan digunakan sebagai layout utama aplikasi dan view-view lain akan mengambil resource disini, karena app.blade.php sudah digunakan untuk view login, maka kita perlu membuat layout baru, silahkan buat file dengan nama main.blade.php pada folder view/layouts dan isikan dengan kode program sesuai pada gambar
8. Sidebar
Buat file pada folder layouts dengan nama sidebar.blade.php dan isi dengan kode program berikut.
9. Topbar
Buat file pada folder layouts dengan nama topbar.blade.php dan isi dengan kode program berikut.
10. Cara penggunaan layouts main.blade.php
Sebagai contoh kita akan menggunakan view home.blade.php, buka file tersebut dan isikan dengan kode program berikut.
Hasilnya