Scribd Logo
Unggah

Selamat datang di Scribd!

  • zU3NsJD5

    Diunggah oleh

    NABIEL ALVINO
    3 tayangan4 halaman

    Judul Asli

    210402003_1686384525_zU3NsJD5 (2)

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    3 tayangan4 halaman

    zU3NsJD5

    Diunggah oleh

    NABIEL ALVINO

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 4

    MAKALAH PANDUAN LENGKAP INSTALISASI ADMIN LTE DI LARAVEL

    Dosen Pengampu : Rudy Asrianto,M.kom

    NAMA: Nabiel Hady Alfino(210402003)

    KELAS : Reg A3

    MATA KULIAH :Pemrograman Web Framework

    PROGRAM STUDI SISTEM INFORMASI

    FAKULTAS ILMU KOMPUTER

    UNIVERSITAS MUHAMMADIYAH RIAU

    T.A 2022/2023
    Panduan Lengkap Cara Instalasi AdminLTE di Laravel

    I. Pendahuluan
    AdminLTE adalah template admin yang populer dan responsif untuk membangun antarmuka
    pengguna berbasis web. Laravel adalah kerangka kerja aplikasi web PHP yang kuat dan
    serbaguna. Dalam panduan ini, menjelaskan instruksi langkah demi langkah yang rinci tentang
    cara menginstal AdminLTE di Laravel.

    II. Persyaratan Sistem


    Sebelum memulai proses instalasi AdminLTE di Laravel, pastikan memenuhi persyaratan sistem
    berikut:
    -Laravel sudah terinstal di mesin lokal.
    -Koneksi internet yang stabil.
    -Pengetahuan dasar tentang Laravel dan PHP.

    III. Langkah-langkah Instalasi

    Langkah 1: Membuat Proyek Laravel Baru


    Buka terminal atau command prompt dan arahkan ke direktori di mana ingin membuat proyek
    Laravel baru.

    Jalankan perintah berikut untuk membuat proyek baru menggunakan Composer:


    composer create-project --prefer-dist laravel/laravel nama-proyek

    Tunggu hingga proses pembuatan proyek selesai.

    Langkah 2: Menginstal AdminLTE Menggunakan Composer


    Buka terminal atau command prompt dan arahkan ke direktori proyek Laravel yang baru saja di
    buat.
    Jalankan perintah berikut untuk menginstal AdminLTE menggunakan Composer:

    code :
    composer require jeroennoten/laravel-adminlte
    Composer akan mengunduh dan menginstal paket AdminLTE beserta dependensinya.

    Langkah 3: Konfigurasi AdminLTE


    Setelah AdminLTE terinstal, jalankan perintah berikut di terminal untuk menghasilkan file
    konfigurasi AdminLTE:
    php artisan vendor:publish --provider="JeroenNoten\LaravelAdminLte\ServiceProvider" --
    tag=assets
    Perintah ini akan menyalin file konfigurasi dan aset AdminLTE ke direktori proyek.

    Langkah 4: Mengaktifkan AdminLTE


    Buka file config/adminlte.php di direktori proyek Laravel.
    kita dapat menyesuaikan pengaturan AdminLTE sesuai dengan kebutuhan , seperti mengubah
    tema, mengaktifkan fitur-fitur tertentu, dll. Pastikan membaca komentar yang ada di dalam file
    tersebut untuk memahami opsi pengaturan yang tersedia.

    Langkah 5: Mengatur Template AdminLTE


    Buka file resources/views/layouts/app.blade.php di direktori proyek Laravel.
    Hapus semua konten di dalamnya dan gantikan dengan kode berikut:
    <!DOCTYPE html>
    <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{ config('app.name', 'Laravel') }}</title>
    <link rel="stylesheet" href="{{ asset('vendor/adminlte/dist/css/adminlte.css') }}">
    </head>
    <body class="hold-transition sidebar-mini">
    <div class="wrapper">
    <!-- Navbar -->
    @include('adminlte::partials.navbar')

    <!-- Sidebar -->


    @include('adminlte::partials.sidebar')

    <!-- Content Wrapper -->


    <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
    <div class="container-fluid">
    <div class="row mb-2">
    <div class="col-sm-6">
    <h1>@yield('content_header')</h1>
    </div>
    </div>
    </div>
    </section>

    <!-- Main content -->


    <section class="content">
    <div class="container-fluid">
    <!-- Your content -->
    @yield('content')
    </div>
    </section>
    </div>

    <!-- Footer -->


    @include('adminlte::partials.footer')
    </div>
    <script src="{{ asset('vendor/adminlte/dist/js/adminlte.js') }}"></script>
    </body>
    </html>

    Langkah 6: Membuat Halaman AdminLTE


    Buka file routes/web.php di direktori proyek Laravel.
    Tambahkan rute berikut untuk mengarahkan ke halaman AdminLTE
    Code:
    Route::get('/admin', function () {
    return view('admin');
    });
    Buat file baru bernama admin.blade.php di dalam direktori resources/views dan tambahkan kode
    HTML yang sesuai dengan kebutuhan.

    IV. Penutup
    itulah langkah langkah demi langkah yang rinci tentang cara menginstal AdminLTE di Laravel.
    Dengan mengikuti langkah-langkah tersebut, akan dapat menggunakan AdminLTE sebagai
    template admin di proyek Laravel.

    Anda mungkin juga menyukai