Icono del sitio Blog de Programación y Desarrollo – Nube Colectiva

Como crear un CRUD con Ruby on Rails 6 y Bootstrap 4 – Parte 5 (Final)

Demo Github

En la Parte anterior de este tutorial llamada Como crear un CRUD con Ruby on Rails 6 y Bootstrap 4 – Parte 4 creamos las vistas HTML con Bootstrap 4 y en esta nueva y última Parte, continuaremos con las configuraciones finales para poner en marcha nuestro sistema CRUD con las funcionalidades respectivas, vamos con este Post. 

Partes

Antes de continuar con este Post, te recomiendo escuchar el Podcast: “5 Consejos para ser un Programador más Productivo” (No son los clásicos consejos técnicos de programación, si no de rutinas y buenos hábitos cotidianos):

Spotify:

Sound Cloud:

Bien ahora continuemos con el Post: Como crear un CRUD con Ruby on Rails 6 y Bootstrap 4 – Parte 5 (Final).

En la Parte 4 de este tutorial desarrollamos las vistas Crear y Actualizar, ambas vistas insertan y actualizan una imagen, vamos a ver detalles importantes a continuación.

Directorio de Imágenes

Para mantener un orden las imágenes del sistema CRUD las almaceno en public > assets > img


Cada ves que se crea un nuevo registro, las imágenes van para el directorio img, esta ruta la especifique en el controlador, en los métodos, crear, actualizar y eliminar.

Protección CSRF

En las vistas con su formulario respectivo para Crear, Actualizar y Eliminar (Vista Principal), les he agregado protección CSRF, esto le da seguridad a las tareas respectivas y permite mostrar los mensajes Flash como el mensaje luego de actualizar un registro: Actualizado Correctamente !

Mensajes Flash

Por último mencionar que arriba de la tabla de la vista principal en donde se listan todos los registros de la base de datos, he colocado el siguiente código:


Este código muestra los mensajes Flash como el mensaje luego de actualizar un registro: Actualizado Correctamente !

Eso es todo, terminamos de crear nuestro sistema CRUD, al inicio de esta última parte del tutorial, he colocado una Demo para que veas el sistema CRUD en acción, asimismo he colocado el código fuente en GitHub.

Nota (s)

 

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

Salir de la versión móvil