Como crear un CRUD con Ruby on Rails 6 y Bootstrap 4 – Parte 1

Ruby on Rails Tutoriales

Parte importante en toda aplicación es el trabajo con las operaciones CRUD (Create, Read, Update y Delete) términos que traducidos al español significan Crear, Leer, Actualizar y Eliminar y cada módulo en una aplicación siempre cuenta con estas operaciones que trabajan de la mano con una Base de Datos, en este Tutorial te enseñare a crear una Sistema CRUD con el Framework Ruby on Rails, vamos con este Tutorial.

Partes

Fuente: Vecteezy

Antes de continuar con este Tutorial te recomiendo leer los siguientes artículos, para que estés familiarizado con este Post:

Si ya conoces sobre el Framework Ruby on Rails y Bootstrap puedes continuar con el Tutorial, no hay problema.

Para poder crear el Sistema CRUD vamos a realizar unas configuraciones muy importantes para que Ruby on Rails 6 y Bootstrap 4 funcionen sin problemas.

La versiones especificas de las herramientas que usaré para este proyecto son Ruby on Rails 6.0.1 y Bootstrap 4.3

Desplegando Ruby on Rails 6

Para poder usar el Framework Ruby on Rails 6 necesitamos tener instalado el Lenguaje de Programación Ruby en nuestro Sistema Operativo, yo estoy usando el Sistema Operativo Windows 8.1 de 64 bytes.

Voy a instalar la versión Ruby+Devkit 2.6.5-1 (x64) de Ruby, que hasta la fecha de este Tutorial es la ultima versión de Ruby y tiene soporte para Ruby on Rails 6.0

Voy al siguiente enlace y Descargo la versión Ruby+Devkit 2.6.5-1 (x64) del instalador de Ruby y lo instalo en mi Sistema Operativo

Paso seguido instalo Ruby on Rails ejecutando el siguiente comando en mi consola de comandos

En Ruby on Rails se instala los paquetes como gemas, por eso use al inicio del comando el término gem que significa en español gema (Una gema de Ruby).

Hasta este punto ya tengo Instalado el Lenguaje de Programación Ruby 2.6.5-1 (x64) y el Framework Ruby on Rails 6.0.1 sabiendo esto entonces ya puedo crear mi Sistema CRUD pero ahora vamos dejar instalado y configurado de una vez Bootstrap 4

Desplegando Bootstrap 4

Para usar Bootstrap 4 en Ruby on Rails voy a instalar la Gema bootstrap ejecutando el siguiente comando en mi consola de comandos:

Con esto se me ha instalado Bootstrap 4 junto con otras dependencias necesarias para su correcto funcionamiento, entre estas se encuentra popper_js-1.14.5

Otra librería necesaria para que funcione Bootstrap 4 es jQuery, esta librería la instalo mediante la Gema jquery-rails ejecutando el siguiente comando:

Con esto tengo instalada la librería jQuery en Ruby on Rails 6.0

Entonces ya tengo desplegado las herramientas Ruby 2.6.5-1 (x64), Bootstrap 4 y Ruby on Rails 6.0 las cuales son las que usaré para crear mi Sistema CRUD.

Creación del Proyecto

Voy a crear un nuevo Proyecto en Ruby on Rails 6.0 ejecutando el siguiente comando:

El nombre que le he dado a mi proyecto es app tu puedes darle el nombre que desees, tras crear el nuevo proyecto se me ha creado un directorio llamado app y en su interior un conjunto de archivos y directorios que son parte del core del Framework Ruby on Rails 6.0

Paso seguido ingreso a la carpeta de mi proyecto app

Y estando dentro de la carpeta app en la consola de comandos ejecuto el siguiente comando para lanzar el servidor y correr mi proyecto

Me arroja un error al iniciar mi proyecto, si veo bien en una parte del error me dice

Esto significa que debo crear un archivo de configuración con el nombre webpacker.yml este archivo se tiene que Descargar del repositorio oficial de Webpacker en este enlace, (Al parecer este archivo no se crea durante el proceso de creación de un nuevo Proyecto en Ruby on Rails 6.0) por lo que lo debo de crear manualmente, espero que Ruby on Rails lo solucione en sus próximas versiones.

Luego de descargar el archivo webpacker.yml lo debo colocar en app > config 

Ahora vuelvo a ejecutar nuevamente el siguiente  comando para arrancar el servidor

Mi servidor arranca sin problemas, me dice en la consola de comandos que la dirección local en donde se esta ejecutando mi proyecto es en http://localhost:3000/ entonces ingreso a esa dirección con el puerto 3000 y me aparece la aplicación inicial que Ruby on Rails me crea por defecto

En la imagen puedes ver en la parte inferior que la versión de Ruby on Rails es la 6.0.1

Bien con esto ya tengo Desplegado Ruby on Rails y Bootstrap listos para iniciar la creación de mi Sistema CRUD.

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)

  • 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 Ruby, Ruby on Rails y Bootstrap, que suelen cambiar sus opciones de despliegue y configuración en futuras versiones.
  • En el siguiente capitulo continuare con la configuración de la Base de Datos, migraciones y demás aspectos.

 

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

1
Comentarios

avatar
1 Comment threads
0 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
0 Comment authors
Como crear un CRUD con Ruby on Rails 6 y Bootstrap 4 – Parte 2 | Blog Nube Colectiva Recent comment authors
  Subscribirse  
newest oldest most voted
Notificar a
trackback
Como crear un CRUD con Ruby on Rails 6 y Bootstrap 4 – Parte 2 | Blog Nube Colectiva

[…] Como crear un CRUD con Ruby on Rails 6 y Bootstrap 4 – Parte 1 – Actualizado: 27-12-2019 […]