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.

Tema anterior Siguiente tema

3 comentarios

Inicia sesión para comentar

Iniciar sesión

Comentarios:

  • Hugo

    Hugo hace 6 meses

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

    • Javier hace 1 mes

      Configuramos fortify.php que se encuentra en config, cambiando el valor de la variable home para que nos redirija a la página principal:

      '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 configurarlo dentro del archivo app.php que se encuentra en la carpeta bootstrap, usando el parámetro con nombre then al método withRouting definimos la funcion anónima:

          ->withRouting(

             web: __DIR__.'/../routes/web.php',

             api: __DIR__.'/../routes/api.php',        

             commands: __DIR__.'/../routes/console.php',

             health: '/up',       

             then: function() {

                 Route::middleware('web')

                         ->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')

                             ->group(base_path('routes/admin.php'));

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

  • Walter

    Walter hace 2 años

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