1

127.0.0.1:5501/carrito.html
(/carrito-compras/controlador) PETICION

9 index
HTML

3
Model accion
(CarritoCompras
Controller
.java)
(ControladorCarrito.java)

6
Mapeo de una
clase a una tabla

=>[<codigo_venta= 1; codigo_producto= 1212; cantidad= 1 ; descuento= 0.1 ; precio_unitario= 2 >]

Herencia
4 5
singular

accion
7
View
(index.html)

BASE DE 8
DATOS Ruby embebido
Variable de instancia

HTML
BD
Ejecuta código Ruby

BACKEND
D
 1
127.0.0.1:5501/carrito.html (/carrito-compras/controlador) PETICION

2
9 HTML
index

3
borrarItem
Model
Controller
(CarritoCompras.java)
(ControladorCarrito.java)
Mapeo de una 6
clase a una tabla

=>[<codigo_venta= 1; codigo_producto= 1212; >]

Herencia
4 5
singular

borrarItem
7
View
(carrito.js)
Variable de instancia

BASE DE 8
DATOS Ruby embebido

JS
BD
Ejecuta código Ruby

BACKEND
D
 1 127.0.0.1:5501/carrito.html
(/carrito-compras/controlador) PETICION

2
9 HTML
index

3
limpiarCarrito
Model Controller
(CarritoCompras.java) (ControladorCarrito.java)

Mapeo de una 6
clase a una tabla

=>[<codigo_venta= 1 ; codigo_producto= 0 ; cantidad= 0 ; descuento= 0 ; precio_unitario= 0 >]

4 5

limpiarCarrito
7
View
(carrito.js)
Variable de instancia

BASE DE 8
DATOS Ruby embebido
Ejecuta código Ruby

JS
BD

BACKEND
D
ESQUEMA FUNCIONAL 1 TRANSACCIONAL CREATE CARRITO

 Primero se deberá cargar la vista que tiene nuestra aplicación, para ello debemos ingresar el localhost del navegador (1).

 El usuario hara la petición al controlador para agregar carrito (2).

 Se llamara a la funcion abrirFormulario() dentro del controlador ControladorCarrito.java donde las ordenes se almacenaran en la acción realizada. (3)

 Ahora se irá al Modelo de la clase y esta le devuelve los valores precisos que espera el controlador despues de la consulta a la BD (4)

 Crea la orden de venta en la BD y devuelve la petición al controlador. (5-6)

 La acción se vera afectada en la vista donde cambiara las variables dinámicas para poderlas mostrar al usuario. (7)

 La vista ahora ya esta preparada para recibir los parametros del controlador (8) y asi poder mostrar la página web al usuario (9).

ESQUEMA FUNCIONAL 2 TRANSACCIONAL BORRAR_PRODUCTO CARRITO

 Primero para que cargue la vista de nuestra aplicación en nuestro programa se debe tener localhost con el puerto en nuestro navegador de preferencia. (1)

 Hará la petición mediante la acción de click en la caja de borrar el producto (2)

 El controlador acepta la petición con el método del item seleccionado (3).

 Paso siguiente este le envia los valores del controlador al modelo para modificar la venta en la BD (4).

 Este recoge la vista adecuada con la venta modificada a través de la BD le devuelve los valores al controlador (5-6).

 Se le envia la venta modificada a la vista siguiendo el modelo de la página (7).

 A traves del controlador ya está listo para mandar los parametros modificados (8) y asi poder ser mostrada la vista correctamente al usuario a traves del localhost. (9).

ESQUEMA FUNCIONAL 3 TRANSACCIONAL DELETE CARRITO

 Primero para que cargue la vista de nuestra aplicación en nuestro programa se debe tener localhost con el puerto en nuestro navegador de preferencia. (1)

 Hará la petición el usuario mediante la acción de click en la caja de borrar el producto de todos los ítems mostrados. (2)

 El controlador acepta la petición con el id de venta al eliminar el ultimo producto (3).

 Paso siguiente este le envia los valores del controlador al modelo para modificar la venta o eliminarla al ponerle 0 en la BD (4).

 Este recoge la vista adecuada con la venta modificada o eliminada a través de la BD le devuelve los valores al controlador (5-6).

 Se le envia la venta modificada a la vista siguiendo el modelo de la página (7).

 El controlador le enviara que la venta no existe ya que fue eliminada de la BD (8) y mostrarle al usuario a traves del localhost ningun producto en el detalle de venta. (9)