Como Crear Un CRUD Con Ruby on Rails 7 – Parte 5 (Final)

4 minuto(s)

Demo Github

En la parte 5 creamos las vistas HTML con el framework Bootstrap.

Cada una de estas vistas fueron creadas para las tareas, crear, leer, actualizar y la última tarea, eliminar, que no es una vista exactamente, sino una funcionalidad en la vista principal del sistema CRUD.

Llegamos a la parte final de este tutorial en donde vamos a realizar ciertas configuraciones para que el proyecto funcione correctamente, vamos con ello.

Partes

Programadores Creando un Proyecto Grande con Ruby on Rails
En un proyecto grande de Ruby on Rails, suelen haber diferente profesionales involucrados

Directorio Para Las Imágenes

Las imágenes necesitan de un directorio en donde deben ser subidas.

Creo un directorio llamado img en public > assets > img:


Cuando insertamos un nuevo registro, las imágenes se suben al directorio img, esta ruta la especifique en el controlador, en los métodos, crear, actualizar y eliminar en la parte 3 de este tutorial.

Archivo CSS

Cuando creamos el proyecto inicial en la primera parte de este tutorial, Ruby on Rails me creo el archivo application.css en la ruta app > assets > stylesheets > application.css:


Para usar Bootstrap mediante la importación @import “bootstrap”; y agregar mis propios estilos personalizados, tuve que cambiar el formato del archivo de application.css a application.scss, es decir al formato SASS.

SASS es un preprocesador CSS avanzando y Ruby on Rails lo trae integrado.

Mi archivo application.scss tiene el siguiente contenido:


Con ello Bootstrap y mis estilos personalizados, funcionan sin problemas.

Protección CSRF

Los formularios del sistema CRUD para crear, actualizar y la tarea eliminar (Vista Principal), les he agregado protección CSRF, esto le da seguridad a las tareas y permite mostrar los mensajes Flash como el mensaje luego de actualizar un registro: Actualizado Correctamente !

Mensajes

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:


El código anterior muestra un mensaje cada ves que se realiza una tarea CRUD, por ejemplo si actualizamos un registro, se nos mostrará el mensaje Actualizado Correctamente !:

Mensaje luego de realizar la tarea actualizar en el sistema CRUD
Cada tarea mostrará su mensaje respectivo

Bien hemos terminado 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.

Conclusión

En este tutorial que esta dividido en 5 partes, has aprendido a Como Crear Un CRUD Con Ruby on Rails 7.

Saber crear este sistema CRUD, te será útil para crear proyectos más avanzados con Ruby on Rails y una base de datos.

Recuerda practicar mucho, solo así dominarás el proceso de integración de una base de datos y Ruby on Rails.

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.