Diseño de Login y Vistas en Laravel con Moonshine
OBJETIVO
Reforzar los conocimientos adquiridos en Framework, programación orientada a objetos, Laravel y el paradigma MVC
Laravel es un Framework de aplicaciones web con una sintaxis expresiva y elegante, que nos permite crear aplicaciones robustas y completas en PHP, asi mismo cuenta con una completa integración JS mediante React y Vue.
Tambien podemos dejar que Laravel sirva como una sólida API de Backend para aplicaciones Next.js, aplicaciones móviles u otra interfaz.
El presente proyecto también tiene como objetivo afianzar los conocimientos adquiridos en cuanto al manejo del sistema operativo Ubuntu Server (derivado de Debian) con la finalidad de acercar ampliamente al estudiante a un escenario real en el despliegue de sus aplicaciones web.
Para nuestro proyecto usaremos la MV Realdeb. La guía de importación y despliegue de esta máquina virtual se presenta tanto para VMWare como para Virtual Box en los siguientes apuntes, escoge el que mas te acomode:
MV Realdeb – Virtual Box
PASO 1
Conectarnos al servidor mediante protocolo SSH.
PASO 2
Comprobar y aplicar las últimas actualizaciones.
PASO 3
Actualizamos Laravel.
PASO 4
Nos colocamos dentro de la ruta \var\www\ e iniciamos la construcción del proyecto.
Aun no ejecutamos las migraciones ya que la cadena de conexión con la mase de datos no esta contruidad completamente.
Finalmente, ingresamos a la carpeta del proyecto recién construido.
PASO 5
Conectar Visual Studio Code mediante SSH
Nos colocamos en la ruta donde se encuentra nuestro proyecto en el servidor
Damos clic en Confiar:
PASO 6
Ya estamos conectados a nuestro servidor mediante SSH con Visual Studio Code.
Procedemos a editar el archivo .env para actualizar la cadena de conexion de la base de datos.
PASO 7
Contruir base de datos.
PASO 8
Desde visual Studio Code ejecutamos las migraciones.
PASO 9
Contruimos nuestro primer modelo de pruebas llamado «Notas»
PASO 10
Modificamos el modelo para definir los campos que usaremos, la ruta de los modelos se encuntran en APP, verificar siempre la documentación de Laravel para confirmar.
Debajo de use HasFactory; agregamos las siguiente linea:
PASO 11
Modificamos el archivo de migración del modelo Notas para definir los campos de la tabla de la BD.
PASO 12
Ejecutamos las migraciones para el modelo Notas.
Verificamos que se ha construido la tabla.
PASO 13
Instalamos la Librería Moonshine.
Configurar la instalación de Moonshine de acuerdo a los siguientes parametros:
PASO 14
Nos consulta si deseamos crear un nuevo usuario administrador, le damos «yes» y continuamos:
PASO 15
Iniciamos nuestro servidor.
Iniciamos sesión
Comprobamos opciones de Administrador
PASO 16
Despues de verificar que MoonShine se ejecuta correctamente paramos el servidor y construiremos un nuevo Menú y una nueva Vista con funciones CRUD. Importante !! –> Usar el mismo nombre de su modelo creado anteriormente.
PASO 17
Modificamos el recurso Notas -> NotasResource.php
Así mismo creamos los campos “Título” y “Detalle” que manejaremos en la vista Notas:
Corremos nuevamente el servidor y verificamos:
Ya aparece el Menú Notas
Verificamos la funcionalidad:
PASO 18
Presentar el trabajo al instructor lo mas pronto posible, recuerda que el primero tiene 2 puntos mas.
