Aprende a instalar y configurar AdminLTE en Laravel 5

Aprende a instalar y configurar AdminLTE en Laravel 5

En este tutorial vamos a ver lo sencillo que es instalar y configurar AdminLTE en Laravel 5.

AdminLTE es una template de bootstrap que nos permite crear un sitio de administración responsive y completamente funcional, lo único que tenemos que hacer es aplicar nuestra lógica de negocio.

Algo también muy interesante y que ya tenemos hecho es que la template ya utiliza las traducciones de Laravel, por lo tanto podemos tener una administración multi idioma con Laravel 5.

Para que te hagas una idea de lo que nos ofrece AdminLTE a continuación te dejo una captura donde seguro todo queda mucho más claro.

Aprende a instalar y configurar AdminLTE en Laravel 5
Ahora que ya sabemos que podemos hacer seguro que se convierte en algo mucho más interesante, así que vamos a ver cómo podemos instalarlo.

Instalar y configurar AdminLTE en Laravel 5

Lo primero que debemos hacer es tener un sitio construido con laravel 5, puede ser un sitio que acabemos de empezar u otro que ya tengamos y simplemente queramos añadir una administración de forma express, en cualquier caso ejecuta el siguiente comando en la terminal.

Una vez hayamos ejecutado ese comando tendremos una variable de entorno disponible llamada adminlte-laravel, con la cual podemos ejecutar el comando install para poder crear nuestra administración, así que vamos a ejecutar ese comando dentro de nuestro proyecto.

Con el comando anterior tendremos todas las templates y recursos que necesitamos disponibles para poder empezar a trabajar con la template AdminLTE en Laravel 5, ahora sólo nos queda configurar laravel y ejecutar las migraciones.

No es necesario que configures la base de datos ya que por defecto utiliza sqlite, así que puedes ejecutar directamente el siguiente comando.

Con todo lo anterior ya tendremos configurada nuestra aplicación con la template AdminLTE, así que si levantamos el servidor veremos que podemos iniciar sesión, registrarnos e incluso tenemos un formulario para poder utilizar redes sociales.

Para poder utilizar las redes sociales en AdminLTE debes instalar y configurar el package socialite, pero eso es algo muy sencillo.

login-socialite-laravel5
Si tienes dudas con el código del tutorial recuerda que tienes un curso completo de Laravel 5.3 disponible en Cursosdesarrolloweb.es.

Añadir contenido con AdminLTE en Laravel 5

Todo lo anterior está muy bien, pero nosotros lo que queremos es saber cómo podemos añadir nuevo contenido en esta template para poder empezar a construir nuestro sitio de administración.

Pues bien, para ello lo primero que debemos hacer es instalar LaravelCollective para poder generar algo de html de forma dinámica, así que vamos a ejecutar el siguiente comando.

Y añade los providers y aliases.

Ahora que ya tenemos todo lo que necesitamos vamos a crear un controlador llamado ProductsController y añadimos el siguiente código.

Ahora vamos a añadir una nueva ruta para poder acceder a los productos que queremos mostrar.

Para añadir un nuevo enlace en el sidebar de la template vamos a dirigirnos al directorio resources/views/vendor/adminlte/layouts/partials y abrimos el archivo sidebar.blade.php para añadir la siguiente línea.

Algo interesante es ver que el sidebar utiliza las funciones de traducción de Laravel 5, para añadir esa traducción abre el archivo resources/lang/vendor/adminlte_lang/en/message.php y añade lo siguiente, así lo dejamos ya preparado.

Finalmente y para que todo funcione sólo nos queda crear la template products.blade.php en el directorio resources/views y añadir el siguiente código.

Si lo hemos hecho todo bien debemos tener el siguiente resultado.

ejemplo-adminlte-laravel5
Cómo puedes ver hemos sido capaces de añadir nuevo contenido a nuestra administración de forma sencilla, no necesitas saber nada más.

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información. ACEPTAR