Como crear un CRUD con Galería de Imágenes en Laravel 6.2 y Bootstrap 4 – Parte 4

Laravel Tutoriales | | Comunidad: Crear un Post, Eventos Devs, Foro

Demo

Vamos a continuar con la Parte anterior llamada Como crear un CRUD con Galería de Imágenes en Laravel 6.2 y Bootstrap 4 – Parte 3 en donde creamos las rutas y las vista de nuestro sistema CRUD indispensables para su correcto funcionamiento, en esta Parte 4 crearemos el formulario que usan las vistas crear y editar llamado prt.blade.php y otros detalles importantes.

Partes

Antes de continuar, te invito a escuchar el Podcast: “Dominio del trabajo con Varios Lenguajes de Programación.”

Sound Cloud:

Spotify:

Bien ahora continuemos con el Post: Como crear un CRUD con Galería de Imágenes en Laravel 6.2 y Bootstrap 4 – Parte 4.

Formulario para Crear y Actualizar un registro

En la Parte 3 de este tutorial en donde creamos las vistas para Crear y Actualizar un registro llamamos al archivo prt.blade.php que contiene un formulario HTML creado con Bootstrap 4, este formulario lo uso tanto para crear y actualizar un registro y lo llamo haciendo uso de @include, por ejemplo para la vista crear.blade.php lo llamo de la siguiente manera:

El archivo prt.blade.php  que contiene el formulario HTML lo he creado en resources > views > admin > bicicletas > frm > prt.blade.php

Abro el archivo prt.blade.php, en este archivo voy hacer uso de sentencias ifelse para determinar si voy a crear un nuevo registro o si voy a actualizar un registro de la base de datos.

Lo primero que hago es verificar con @if si se esta recibiendo el id de un registro para actualizarlo y relleno cada campo o caja de texto con el dato respectivo:

Puedes ver que cerca del final del formulario hago un @foreach para listar las imágenes correspondientes al registro con su botón para eliminar la imagen de manera independiente:

 

Por ejemplo si abro el registro con nombre Santa Cruz Aro 29 se llenan los campos del formulario con los datos respectivos y en la vista del navegador se ve de la siguiente manera

Y si no hay un id, pues con @else muestro un formulario HTML en blanco para insertar un nuevo registro en la base de datos:

La vista en el navegador mostrará un formulario con los campos en blanco, para poder ingresar un nuevo registro a la base de datos:

Nota: En la siguiente imagen los textos de color gris dentro de las cajas de texto, son textos que he colocado en el atributo placeholder, los cuales son textos de ejemplo como ayuda al usuario.

A continuación todo el código completo de las sentencias ifelse con sus respectivos formularios.

Como puedes ver  el formulario trabaja de manera dinámica en las vistas Crear y Actualizar del sistema CRUD con galería de imágenes.

Ten Paciencia, lo que quiero es que entiendas todo el proceso para Crear este Proyecto y no llenarte el capitulo de mucho contenido porque te puedes marear y no tendrás un óptimo aprendizaje.  

Nota (s)

  • En la siguiente Parte y última de este Tutorial haré las últimas configuraciones y veremos otros detalles importantes del sistema CRUD.
  • No olvides que debemos usar la Tecnología para hacer cosas Buenas por el Mundo. 

 

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
Subscribirse
Notificar a
guest
0 Comments
Inline Feedbacks
View all comments