Aplicación Cart

 

Tutorial escrito por Alberto Bueno de www.10-lab.com para el blog de Carlos Rovira.
 
Introducción
La aplicación Cart nos muestra una aplicación básica de e-shop. Las características más importantes en este componente son:
  • ActionScript 2. Uso de clases basadas en la segunda versión del lenguaje actionScript.
  • Flash Remoting openamf para interactuar con el servidor. Uso de las nuevas clases de flash remoting basadas en as2. En esta aplicación veremos como trabaja el objeto RecordSet.
  • Java en el lado del servidor. Utilizaremos el robusto lenguage de programación java para realizar la conexión con la base de datos.
  • Base de datos DB2. En esta aplicación utilizamos una base de datos DB2.

Descargar el ejemplo

Descarga el fichero Cart.zip con todos los ficheros necesarios para ejecutar el tutorial. Recuerda descargar también la distribución de OpenAMF

La aplicación
La funcionalidad básica de la aplicación tiene estos puntos principales:
  • Carga dinámica de los productos de nuestro e-shop. Estos productos son insertados en el datagrid, de manera que podemos seleccionar el que deseemos para ver sus datos.
  • Carga dinámica de los datos del producto seleccionado. Esto nos permite ya poder añadir o borrar este producto de nuestro carrito de la compra.
  • Al añadir un producto seleccionado al carrito de la compra, éste se almacena en una lista y lo podemos visualizar en el segundo datagrid. A la vez, en éste iremos viendo la cantidad que queremos de éste producto.
  • Una vez el producto en la lista del carrito, podemos igualmente seleccionarlo, para también poderlo borrar.
  • Al borrar un producto, su cantidad va disminuyendo hasta solamente tener uno, en dicho caso, es eliminado de la lista.
  • En todo momento podemos ver el total de euros que estamos gastando, sumando o restando los productos seleccionados.

(click encima para ver imagen ampliada)
Indice

Parte 1. Preparar base de datos

Para esta aplicación utilizaremos una tabla con nombre "PRODUCTS" y que nos mostrará el nombre, la descripción y el precio de cada producto.

  • CREATE TABLE PRODUCTS
  • (KEY VARCHAR(10) NOT NULL,
  • NAME VARCHAR(100),
  • DESCRIPTION VARCHAR(1000),
  • PRICE DOUBLE,
  • PRIMARY KEY (KEY));
  • Nota: Esta ejemplo ha sido realizado usando una base de datos DB2. Modifica el anterior script de base de datos teniendo en cuenta el gestor que uses.
Parte 2. Configuración de Flash Remoting
Para configurar nuestro módulo web para que funcione Flash Remoting tenemos que tener en cuenta las siguiente consideraciones:
  • Añadir la librería openamf.jar al módulo web.
  • Copiar el archivo /src/web/WEB-INF/openamf-config.xml en nuestro directorio WEB-INF.
  • Copiar el archivo /src/web/WEB-INF/build-webservice.xml en nuestro directorio WEB-INF.
  • Definir el servlet DefaultGateway en nuestro archivo WEB-INF/web.xml:
    <servlet-mapping>
    <servlet-name>DefaultGateway</servlet-name>
    <url-pattern>/gateway</url-pattern>
    </servlet-mapping>
  • Añadir las librerías necesarias que vienen con el proyecto openamf. Podréis encontrar más información en el proyecto openamf: www.openamf.org ; www.sourceforge.net/projects/openamf

Siguiente

 

(c)Alberto Bueno de www.10-lab.com para el blog de Carlos Rovira.