1. INICIANDO
PROGRAMANCIÓN
EN RUBY ON RAILS
CON SSH VS CODE
DESDE LINUX

2. CREAMOS PROYECTO RUBY CON
POSTGRESQL
+ Ejecutamos por consola suponiendo que el proyecto se
llama App1
rails new App1 –d postgresql

3. Entramos al
proyecto que
contiene estos
archivos

4. Ahora para empezar a
programar debemos crear
la base de datos
+ Buscamos la carpeta
config
+ Luego abrimos el
archivo llamado
database.yml

5. Abrimos
database.yml
+ Cambiamos los nombre de
la base de datos de
development y test a tu
conveniencia sino puedes
dejarlo como esta.
+ Cada una de estas
necesita una base de
datos, una para desarrollar
y la otra para hacer testing.

6. Luego ejecutamos el
siguiente comando para
crear la base de datos
rails db:create

7. UNA VEZ CREADO TU BASE DE
DATOS CREAS TUS TABLAS
+ Supongamos que queremos crear la table productos con
variables nombre,descripción y precio.
rails g model productos nombre:string description:text precio:integer

8. Ahora para ejecutar la migración de la
tabla creada ejecutamos
rails db:migrate

9. Antes de insertar datos a la tabla verificamos el
modelo que hemos migrado y abrimos
Vemos la clase del modelo que se llama
Producto ahora con estos datos podemos realizar
la inserción

10. Ingresamos datos a mi tabla
+ Es como aplicar un insert
+ Ejecutamos el comando : rails console
+ Se abrirá un texto para rellenar datos y para insertar datos
hacemos los siguiente: Supongamos que queremos ingresar
datos a la tabla productos.
+ Lo primero que tenemos que hacer es poner la clase del
modelo producto.rb llamado Producto
Producto.create(nombre: ‘gaseosa’, descripción:’gaseosa inka kola’, precio:1);

11. Ahora para saber todos
los datos de mi tabla
+ Podemos ejecutar:
Producto.all
+ El Producto es el
nombre de la clase del
modelo de tabla
productos que
creamos
anteriormente

12. Ahora mostrar tus datos de tu base de datos a
vista
realizamos el siguiente paso
+ Nos dirigimos al controlador de productos
Creamos una instancia llamada @producto donde que asignamos la lista de datos de mi tabla productos
, tenga mucho cuidado de poner el nombre de tu tabla, lo que se pone es la clase del modelo de tu tabla que
en este caso es Producto

13. Ahora nos dirigimos a nuestra vista para mostrar
algunos detalles de la base de datos que quieres
jalar
En este caso con <%=%> en html.erb nos permite hacer
operaciones con esta etiqueta la sea matemáticas
lógica ,etc.
Volviendo al tema en esta vista estamos diciendo que
nos muestre en pantalla la cantidad de datos de la
instancia que creamos en el controlador de la tabla.

14. Ahora ejecutamos nuestro proyecto
Podemos apreciar que la cantidad de datos de la tabla es 1

15. Ahora para mostrar mas datos de la tabla
productos como nombre, descripción y precio
Y así sucesivamente si queremos agregar mas
datos al tu tabla aquí mostraría todo los datos
en vista de esta forma

16. + CREANDO MAS VISTAS CON
NUEVO URLS PARA ABRIR
PESTAÑAS

17. Ahora para crear nuevas vistas,
ubicamos las urls
+ Primero para saber todas las rutas de urls de nuestros
controladores y otros más ejecutamos el código siguiente:
Agregamos seguidamente de nuestro index
principal

18. UNA VEZ
INGRESADO LA
URL PARA UBICAR
LAS RUTAS NOS
APARECERÁ DE
ESTA FORMA

19. Ahora una vez sabiendo
las listas rutas procedemos
a crear nuestra nueva ruta
+ Entremos en el archivo
routes.rb
+ Y creamos una nueva ruta
adicional para nuestro
controlador que asignaremos.
+ Podemos decidir crear los
controladore antes o después
siempre y cuando lo asignes
una ruta
Controlador productos
que luego ingresará un
parámetro id en la url
para mostrar la
siguiente vista
Estas es la carpeta de vista de
productos que le asignaremos
un nuevo archivo vista llamado
show, donde accederemos a
esa vista asignando después
de la pagina de inicio principal
lo siguiente.
productos/show

20. Recalcando a a rutas para tener una ruta
especifica de una nueva url agregamos lo
siguiente
Luego entramos de nuevo a ver las listas de rutas y ya saldría
la nueva ruta especifica
Solo asignas cualquier
variable(producto2) pero que no se
repita , o que no sea igual a las que
usas, por que este patch se usará
después como una dirección url

21. Creamos nueva definición show en
controlador productos
+ En caso no hemos creamos la def show en controlador
productos nos dirigimos para asignarlo.

22. Creada el def show en el controlador producto ,nos
dirigimos en las vistas para agregar esta nueva
vista
Nos ubicamos en la
carpeta
Vista de productos y
creamos el archivo
Ahora estamos
listos para
personalizar esta
vista en html

23. Para probar que funciona ejecutamos
las urls
Ingresamos un parámetro
id que seria 1
Como no hemos personalizado la vista
aun nos sale en blanco

24. Ahora para darle funcionamiento a todo
esto ,vamos a codificar un ejemplo
product2_patch(productos.id)  Este es el patch que nos
redirecciona a otra pestaña , agregando un id de la lista
BD de la tabla productos
link_to  Nos sirve para crear un enlace para
direccionarnos a otra url
productos : es el nombre de la tabla de donde estamos
sacando información

25. SI ABRIMOS EL NAVEGADOR LA
VISTA MUESTRA DE ESTA FORMA
Aun nos falta agregarle la funcionalidad para al hacer click me direccione a otra
pestaña , a continuación haremos lo siguiente.

26. Entramos al controlador productos y en def show
creamos nuestra instancia que nos sirve para
llamar el dato en nuestra vista show
 La instancia es @product
 El find sirve para buscar por ids
 params´[:id  decimos que ira un parámetro id

27. Agregamos algo a nuestra vista show para que nos
muestre datos a través de nuestra instancia
Con esto nos mostrara en pantalla el
nombre del producto según el id que hemos
hecho click en el enlace
Al hacer click en uno de estos enlaces buscará el id que lo pertenece al producto
Y en siguiente vista lo mostrará el nombre

28. TESTING

29. Para añadir un test para controlador
Creamos archivos llamado
productos_controller_test.rb

30. Abrimos el archivo de test creado y
escribimos dos test o mas si deseas

31. Ahora agregamos a una acción que hace
cada test para comprobar si es correcto
Decimos que testee la url para listar
productos que esta en la ruta
productos_patch
Si esta correcto nos enviara un
mensaje success

32. Luego tenemnos que importar la base
de datos para el test
+ Entramos a fixtures y entramos al archivo productos.yml

33. Agregamos datos a la base de datos
del test para correrlo luego

34. Ahora pasamos a controlador de test
agregamos otro aseert para incluir la
información a ala base de datos
Quiere decir que el en el assert_select
testeará la base de datos del test del
archivo productos.yml y que esperamos
2 listas de productos
El productos_patch es la url de
(/productos) donde mostramos estos
datos para testear

35. Entramos a nuestra vista lista productos
para ingresar el test que se ejecutará
Agregamos una clase con nombre de
la base de datos del test en el enlace
Clase llamada productos es la
tabla de base de datos que creo
o algo asi

36. Ahora ejecutamos el comando para
verificar si el test esta correcto
+ rails test

37. Si todo está correcto si seguiste los pasos
debería salir de la siguiente manera
Como agregamos 2
aserciones en nuestro test
en consola nos muestra que
ha sido procesado
satisfactoriamente las 2
aserciones, la ejecución de
2 elementos y con cero
errores.