Como crear un CRUD con Laravel 5.8 y Bootstrap 4 – Parte 3

Laravel Tutoriales

Continuamos con la 3ra Parte del tutorial, en el capitulo anterior llamado Como crear un CRUD con Laravel 5.8 y Bootstrap 4 – Parte 2 creamos el Controlador para nuestro CRUD con los métodos para Crear, Leer, Actualizar y Eliminar registros de la Base de Datos, vamos con este nuevo Post.

En este capitulo vamos a crear el Modelo y la vista de nuestro formulario HTML con Bootstrap 4 para que el usuario pueda interactuar con el CRUD.

Modelo

Voy a crear mi modelo llamado Jugos para crearlo voy a la consola de comandos y ejecuto el siguiente comando

Se nos ha creado un archivo llamado Jugos.php este archivo se encuentra en la carpeta app > Jugos.php

Abre el archivo que se ha creado Jugos.php y primero colocamos el nombre la tabla que vamos a usar de la Base de Datos, un modelo en Laravel nos permite acceder a una tabla específica y para trabajar con cada tabla se debe de crear su propio Modelo.

Accedo a la tabla que voy a usar la cual se llama jugos, asimismo selecciono todos los campos de esta tabla que voy a usar para mi CRUD

No olvides instanciar el Trait Model para que puedas acceder a las funciones para Modelos de Eloquent en Laravel

Vistas

Para crear nuestras Vistas con Bootstrap 4 vamos a organizar de manera ordenada nuestros archivos y carpetas, en el conjunto de archivos de Laravel hay un directorio llamado resources y dentro de este se encuentra el directorio llamado views que es en donde se debe de crear las vistas HTML en Laravel.

Dentro de la carpeta views crearé una nueva carpeta llamada jugos, en esta carpeta jugos colocaré las vistas para mi CRUD, aquí voy a crear 3 archivos PHP a los cuales los llamaré actualizar.blade.php, crear.blade.php e index.blade.php

Asimismo dentro de mi carpeta jugos voy a crear un nuevo directorio llamado frm que es como un nombre más corto de la palabra formulario, dentro de esta carpeta frm voy a crear un archivo llamado prt.blade.php (prt es como un nombre más corto de la palabra parte) en este archivo voy a crear el código HTML para el formulario que será usado para Crear y Editar un registro.

Nuestro directorio debe verse actualmente de la siguiente manera

Puedes ver que los archivos tiene la extensión .blade esta extensión es el formato del motor de plantillas que usa Laravel para cualquier proyecto en general.

El trabajo con el motor de plantillas blade le da más practicidad, dinamismo entre otras características al trabajo con vistas en Laravel.

Formulario 

Las acciones para Crear y Editar un registro en el Sistema CRUD van funcionar sobre un formulario HTML, vamos a crearlo mediante Bootstrap 4 y luego lo instanciamos o llamamos a las vistas correspondientes.

Abre el archivo que hemos creado llamado prt.blade.php en donde vamos a trabajar nuestro Formulario.

Por Criterio me puedo dar cuenta que este formulario va ser usado para 2 funciones en el CRUD que son Crear y Actualizar un registro, entonces puede que el usuario decida Crear un registro nuevo, para esto necesita tener el formulario limpio y sin datos en su interior, en cambio si el usuario decide Actualizar un registro, pues tiene que tener datos para editarlos en el formulario.

Entonces sabiendo esto debo de crear mis sentencias ifelse para que cuando el usuario decida Actualizar pues le mostramos los datos de un registro a Actualizar en el formulario y si no pues le mostramos un formulario nuevo en limpio para ser llenado por un nuevo registro

Entonces primero crearé el formulario que mostrará los datos para Actualizar, lo que hago es con la sentencia if consultar si la variable $jugos->id no esta vacía y esta devolviendo el id del registro que quiero Actualizar, entonces como si esta devolviendo el id del registro, pues le llamo y muestro todos los datos del registro en el formular para Actualizar

Puedes ver al final del contenido de la sentencia if en la parte donde se actualiza la imagen he creado un nueva sentencia ifelse, mediante esta sentencia voy a verificar si el registro tiene una imagen o no

Luego de la sentencia principal if en donde mostramos el formulario para Actualizar un registro, sigue la sentencia else en donde mostaremos un formulario en blanco para crear un nuevo registro

A continuación el código completo del formulario junto con las sentencias ifelse respectivas

Listo ya tenemos el formulario que usaremos en nuestro CRUD.

Notas

  • Hasta aquí hemos creado nuestro Modelo Jugos y el formulario que servirá para Crear y Actualizar registros o jugos en nuestro CRUD.
  • Los Pasos y opciones mencionadas en este capitulo del tutorial pueden cambiar, esto no depende de nosotros, si no de las empresas que dan soporte a estas herramientas como Laravel y Bootstrap, que suelen cambiar sus opciones de despliegue y configuración en futuras versiones.

 

Síguenos en nuestras Redes Sociales para que no te pierdas nuestros próximos contenidos.

Newsletter

Suscríbete a Nuestro Boletín de Novedades:

(Luego de la suscripción no te va salir ningun mensaje. Solo revisa tu bandeja de Correo para confirmar tu suscripción)
* indicates required