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:

  • 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 1 año

    ? 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']);

     

  • Theaidem

    Theaidem hace 1 año

    Hola Victor! Tengo un mínimo problema, cuando instalo adminLTE en un proyecto pierdo los mensajes de error, en lugar de decir “The credentials does not match” dice “auth.failed”. Sucede únicamente luego de instalar adminLTE aún si borro el lang que viene con la plantilla. Gracias!