Diferencia entre revisiones de «Usuario:ManuelRomero/PHP/xajax/practicaTienda»

De WikiEducator
Saltar a: navegación, buscar
 
Línea 15: Línea 15:
  
 
#Se pueden modificar libremente cualquiera de los guiones PHP de la aplicación.
 
#Se pueden modificar libremente cualquiera de los guiones PHP de la aplicación.
#Se debe crear un nuevo fichero, fcesta.js, para almacenar el código JavaScript necesario.
+
#Se debe crear un nuevo fichero, '''''fcesta.js''''', para almacenar el código JavaScript necesario.
#Se debe crear un nuevo fichero, fcesta.php, para almacenar las funciones PHP que se ejecutarán mediante AJAX.
+
#Se debe crear un nuevo fichero, '''''fcesta.php''''', para almacenar las funciones PHP que se ejecutarán mediante AJAX.
#Se recomienda utilizar la librería Xajax. Si se utiliza esta o alguna otra librería, se debe incorporar dentro de #Incluir en productos.php el código necesario para utilizar la librería.
+
#Incluir en productos.php el código necesario para utilizar la librería.
 
#Incluir en fcesta.php el código necesario para utilizar la librería.
 
#Incluir en fcesta.php el código necesario para utilizar la librería.
 
#Adaptar en productos.php el código que vacía el contenido de la cesta.
 
#Adaptar en productos.php el código que vacía el contenido de la cesta.
 +
#Adaptar en productos.php el código que elimina un producto de la cesta.
 
#Adaptar en productos.php el código que muestra el contenido de la cesta.
 
#Adaptar en productos.php el código que muestra el contenido de la cesta.
 
#Adaptar en productos.php el código que añade un nuevo producto al contenido de la cesta.
 
#Adaptar en productos.php el código que añade un nuevo producto al contenido de la cesta.
 
#Programar correctamente en el fichero fcesta.js las funciones que realizan las llamadas AJAX.
 
#Programar correctamente en el fichero fcesta.js las funciones que realizan las llamadas AJAX.
#Programar correctamente en fcesta.php la función que vacía la cesta de la compra.
 
#Programar correctamente en fcesta.php la función que añade un nuevo producto a la cesta de la compra.
 
#Programar correctamente en fcesta.php la función que muestra la lista de productos en la cesta de la compra.
 
#Programar correctamente la funcionalidad para actualizar los productos que se muestran en la cesta de la compra en caso de que se refresque la página productos.php.
 

Última revisión de 11:46 10 abr 2017


Actividad

En este caso se pide que modifiquemos la tienda.

  • No tiene mucha utilidad que cada vez que añadamos un producto en la cesta, se vuelva a ejecutar todo el proceso:
  1. Consultar a la base de datos los productos
  2. Enviarlos desde el sevidor al cliente
  3. Renderizar toda la página completa, mas aún si hubiera imágenes etc.

Cuando lo único que querríamos es añadir el producto seleccionado a la cesta, es decir cambiar el contendio de la cesta (esto lo guardamos en una variable de sesión), y añadir el producto comprado en la parte de la cesta de la página.

Exactamente lo mismo si damos a vaciar o a borrar un producto

Esta parte de la práctica pide que gestionemos esas acciones usando la tecnología ajax.

Para ello se pide que actualices la aplicación de la siguiente manera


  1. Se pueden modificar libremente cualquiera de los guiones PHP de la aplicación.
  2. Se debe crear un nuevo fichero, fcesta.js, para almacenar el código JavaScript necesario.
  3. Se debe crear un nuevo fichero, fcesta.php, para almacenar las funciones PHP que se ejecutarán mediante AJAX.
  4. Incluir en productos.php el código necesario para utilizar la librería.
  5. Incluir en fcesta.php el código necesario para utilizar la librería.
  6. Adaptar en productos.php el código que vacía el contenido de la cesta.
  7. Adaptar en productos.php el código que elimina un producto de la cesta.
  8. Adaptar en productos.php el código que muestra el contenido de la cesta.
  9. Adaptar en productos.php el código que añade un nuevo producto al contenido de la cesta.
  10. Programar correctamente en el fichero fcesta.js las funciones que realizan las llamadas AJAX.