Pertemuan 4: Menggunakan Template AdminLTE

Capaian pembelajaran

Setelah pertemuan ini, mahasiswa mampu:

• Menggunakan template AdminLTE

Persiapan

• Proyek SIMTIKUM dari pertemuan sebelumnya sudah berjalan.

Materi

Mendownload Template AdminLTE

Unduh template AdminLTE deri URL berikut:

Template AdminLTE

Letakkan folder dist ke dalam folder public/.

Unduh file berikut:

File Project

Letakkan file-file tersebut ke dalam folder resources/views

File-file ini digunakan sebagai template hasil kustomisasi dari AdminLTE yang sudah disesuaikan untuk pelajaran ini.

Buka file routes/web.php dan ganti isinya menjadi:

Route::get('/', function () {
    return view('dashboard');
});

Route::view('/tables', 'tables')->name('tables');
Route::view('/edit', 'edit')->name('edit');
Route::view('/datatables', 'datatables')->name('datatables');

Perhatikan isinya pada laman /

Pada laman /tables

Mengatur Layout

Buat folder layouts pada resources/views

Buat file app.blade.php dalam folder resources/views/layouts, kemudian salin isinya dari file dashboard.blade.php.

Pada file dashboard.blade.php, cut dari baris 431-481:

Buat folder components pada resources/views/layouts dan di dalamnya buat file scripts.blade.php, Tempelkan dari sebelumnya:

Kembali ke file dashboard.blade.php, Tambahkan perintah berikut pada baris 431:

@include('layouts.components.scripts')

Masih file dashboard.blade.php, cut dari baris 416-428: