53. Cómo integrar AdminLTE 3 en tu proyecto de Laravel

En este capítulo aprenderás cómo integrar AdminLTE 3, un popular tema de administración de Bootstrap, en tu proyecto de Laravel utilizando Composer. Aprenderás cómo instalar y configurar Composer, cómo descargar e instalar AdminLTE 3 en tu proyecto de Laravel, cómo configurar las rutas y vistas necesarias para utilizar AdminLTE 3 en tu proyecto y cómo personalizar el tema para que se adapte a tus necesidades. Al final de este capítulo, tendrás una mejor comprensión de cómo integrar temas y plantillas en tu proyecto de Laravel.


3 comentarios

Inicia sesión para comentar

Comentarios:

  • Hugo

    Hugo hace 4 meses

    Estoy siguiendo el curso con Laravel 11 y no tengo el archivo RouteServiceProvider… ¿Qué se puede hacer?

  • Walter

    Walter hace 1 año

    ? 2° Instalación de AdminLTE

     

    composer require jeroennoten/laravel-adminlte

     

    Luego

    php artisan adminlte:install

     

    ? Aplicación de la plantilla AdminLTE

     

    Creamos la vista en resources/views/admin/index.blade.php:

    @extends('adminlte::page')
    
    @section('title', 'Dashboard')
    
    @section('content_header')
    	<h1>Dashboard</h1>
    @stop
    
    @section('content')
    	<p>Welcome to this beautiful admin panel.</p>
    @stop
    
    @section('css')
    	<link rel="stylesheet" href="/css/admin_custom.css">
    @stop
    
    @section('js')
    	<script> console.log('Hi!'); </script>
    @stop

     

  • Walter

    Walter hace 2 años

    ? 1° Proyecto Laravel con Jetstream

     

    laravel new adminlte --jet

     

    Configuramos RouteServiceProvider.php que se encuentra en app/Providers, cambiando el valor de la constante HOME para que nos redirija a la página principal:

    public const HOME = '/';

     

    Generamos una URL llamada admin, para eso creamos un archivo admin.php dentro de la carpeta routes

    <?php
    
    use Illuminate\Support\Facades\Route;
    
    Route::get('admin', function () {
    	return "Hola administrador";
    });

     

    Para que Laravel reconozca este archivo debemos configurar el método boot() dentro del archivo RouteServiceProvider.php anterior:

    public function boot()
    {
    	$this->configureRateLimiting();
    	
    	$this->routes(function () {
    		Route::prefix('api')
    			->middlewre('api')
    			->namespace($this->namespace)
    			->group(base_path('routes/api.php'));
    		
    		Route::middleware('web')
    			->namespace($this->namespace)
    			->group(base_path('routes/web.php'));
    			
    		Route::middleware('web')
    			->namespace($this->namespace)
    			->group(base_path('routes/admin.php'));
    	});
    }

     

    Ahora, en el mismo archivo, agregamos el middleware auth y el prefijo admin a las rutas /admin/:

    		Route::middleware('web', 'auth')
    			->prefix('admin')
    			->namespace($this->namespace)
    			->group(base_path('routes/admin.php'));

     

    A partir de ahora cuando queramos ingresar a la ruta /admin/ se nos pedirá autenticarnos.

    Creamos un controlador para esta ruta:

    php artisan make:controller Admin/HomeController

     

    Lo que nos crea el archivo app/Http/Controllers/Admin/HomeController.php

    <?php
    namespace App\Http\Controllers\Admin;
    
    use App\Http\Controllers\Controller;
    
    class HomeController extends Controller
    {
    	public function index() {
    		return view('admin.index');
    	}
    }

     

    Configuramos el archivo de ruta routes/admin.php:

    <?php
    use Illuminate\Support\Facades\Route;
    use App\Http\Controllers\Admin\HomeController;
    
    Route::get('', [HomeController::class, 'index']);