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

3 minuto(s)

En esta página:

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

Parte 1
Parte 2
Parte 3
Parte 4
Parte 5 (Final – Código Fuente GitHub)

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


/app 
├── /app 
├── /bin
├── /config
├── /db
├── /lib
├── /log
├── /public
    ├── /assets
        ├── /img // Archivos de imágenes 
            ├── mm.png 
            ├── pm.jpg
            ├── tc.jpg  
├── /storage
├── /test
├── /tmp
├── /vendor
├──  .gitignore
├──  .ruby-version
├──  config.ru
├──  Gemfile 
├──  Gemfile.lock
├──  package.json
├──  Rakefile
├──  Gemfile.lock
├──  README.md

/app

├── /app

├── /bin

├── /config

├── /db

├── /lib

├── /log

├── /public

├── /assets

├── /img // Archivos de imágenes

├── mm.png

├── pm.jpg

├── tc.jpg

├── /storage

├── /test

├── /tmp

├── /vendor

├── .gitignore

├── .ruby-version

├── config.ru

├── Gemfile

├── Gemfile.lock

├── package.json

├── Rakefile

├── Gemfile.lock

├── README.md

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 !


<form method="POST" action="/postres/insertar" accept-charset="UTF-8" role="form" id="crearpostre" name="crearpostre" enctype="multipart/form-data">
    
    <!-- Protección CSRF -->
    <%= token_tag nil %>

...
... (Continua el formulario)
...

<%= token_tag nil %>

...

... (Continua el formulario)

...

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:


<!-- Mensajes -->
<% if flash[:notice] %>
    <div class="alert alert-success" role="alert" id="notice" class="notice">
        <%= flash[:notice] %>                                    
    </div>
<% end %>

<% if flash[:notice] %>

<%= flash[:notice] %>

</div>

<% end %>

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)

Los Pasos y opciones mencionadas en esta parte del tutorial pueden cambiar, esto no depende de nosotros, si no de los Desarrolladores que dan soporte a Ruby on Rails, que suelen cambiar sus opciones de despliegue y configuración en futuras versiones.
En el siguiente capitulo continuaré con la creación del código del Controlador Postres y otros detalles.

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