Junto con CodeIgniter, Zend y otros, Laravel es actualmente uno de los frameworks más poderosos. Laravel se adhiere al diseño Modelo-Vista-Controlador basado en Symphony. Si está familiarizado con ASP.NET Core MVC, Laravel es bastante similar, pero está integrado en PHP. En este tutorial, veremos cómo integrar FontAwesome y laravel 8 + admin lte usando npm. Antes de comenzar nuestro tutorial, comprendamos algunos de los términos que usaremos en este tutorial. ¿Qué es AdminLTE3? Admin LTE es una plantilla gratuita de código abierto para un panel de administración y un panel de control creado sobre Bootstrap. AdminLTE se ha desarrollado con el tiempo y ahora se encuentra en la versión 3.1.0. Su simplicidad y fluidez reducen el tiempo de desarrollo cuando se combina con HTML y Bootstrap. Muchos componentes están prefabricados y listos para usar. ¿Qué es Font Awesome 5? Font Awesome es el segundo conjunto de iconos más popular que puedes usar para obtener imágenes vectoriales escalables y personalizarlas con CSS. Ofrece más de 1600 íconos en el conjunto gratuito que puede usar para encontrar un ícono que se adapte a sus necesidades. Font Awesome 5 está disponible en dos ediciones: una versión PRO con 7842 iconos y una versión GRATUITA con 1588 iconos. ¿Cómo puedo utilizar una copia gratuita de Font Awesome 5? Para usar los íconos gratuitos de Font Awesome 5, descargue la biblioteca de Font Awesome o cree una cuenta en Font Awesome y obtenga un código (llamado KIT CODE) para agregar Font Awesome a su página web. En este video, implementaremos AdminLTE 3 con un proyecto nuevo de Laravel 8 usando el comando npm. Además, usaremos FontAwesome 5 para los íconos. No es necesario hacerlo manualmente. Comencemos con el tutorial de integración: Paso 1: Instale Laravel nuevo laravel nuevo laravel-adminlte Vaya al cd del proyecto laravel-adminlte Paso 2: Instale el paquete laravel ui compositor require laravel/ui Paso 3: Configure los activos de la interfaz de usuario php artisan ui vue Paso 4 : Tienes que instalar npm npm install Paso 5: En este paso, tienes que integrar admin lte en laravel. Instale admin-lte 3 en Laravel 8 usando: https://adminlte.io/themes/dev/AdminLTE/index3.html npm install admin-lte Paso 6: En este paso, debe instalar fontawesome npm install –save @fortawesome/fontawesome-free Paso 7: Importe admin lte y fontawesome css en public/css/app.css usando laravel-mixins Abrir : resources\sass\app.scss y pegue el siguiente código // Fonts @import url(‘https://fonts.googleapis.com/css?family=Nunito’); // Fuente impresionante @import ‘~@fortawesome/fontawesome-free/scss/brands’; @import ‘~@fortawesome/fontawesome-free/scss/regular’; @import ‘~@fortawesome/fontawesome-free/scss/solid’; @import ‘~@fortawesome/fontawesome-free/scss/fontawesome’; // Variables @import ‘variables’; // Bootstrap @import ‘~bootstrap/scss/bootstrap’; // AdminLTE @import ‘~admin-lte/dist/css/adminlte.css’; Paso 8: Importe admin lte js en public/js/app.js usando laravel-mixins Abra: resources\js\bootstrap.js y colóquelo debajo de la línea require(‘admin-lte’); Paso 9: Copie las imágenes relacionadas con admin lte del directorio node_mudule al directorio público. Abra webpack.mix y agregue la siguiente línea .copy(‘node_modules/admin-lte/dist/img’, ‘public/dist/img’); Ahora el administrador lte 3 y la fuente impresionante están listos para usar con laravel 8. Paso 10: creemos una ruta, abramos web.php y peguemos el siguiente código Route::get(‘admin’, function () { return view(‘admin’ ); }); Paso 11: Cree un archivo admin.blade.php y pase el código admin lte index.html como se muestra en mi video tutorial. Ahora ejecute el siguiente comando y disfrute de npm run dev && npm run watch Borre el caché de Laravel php craft optimice Inicie laravel server php servicio artesanal ¡Enhorabuena! ¡Estas listo! Cuando abra por primera vez la aplicación Laravel en su navegador web, verá los botones de inicio de sesión y registro en la esquina superior derecha de la pantalla. Después de iniciar exitosamente el programa, puede explorar las siguientes URL y comenzar a experimentar con la interfaz de usuario. Hay otros programas de código abierto accesibles en línea con los que puede sentirse más cómodo, incluidos: Laravel-Administrative de JeroennotenDocumentos oficiales de AdminLTE 3MultiAuthority Bitfumes Los paquetes enumerados anteriormente son fantásticos y simplifican la integración de AdminLTE con Laravel. Solo toma unos minutos configurarlos y tener su aplicación en funcionamiento. Conclusión Laravel y AdminLTE 3 son dos nuevos marcos con los que debes familiarizarte para completar los proyectos de integración. Si no puede integrar los dos, contáctenos ahora. Somos una popular empresa de desarrollo web de Laravel con experiencia práctica en Laravel.

Source link