Diferencia entre revisiones de «Usuario:ManuelRomero/ProgramacionWeb/Distancia2018/Smarty/Ejercicios»

De WikiEducator
Saltar a: navegación, buscar
(Ejercicio 1: Realizar una plantilla)
Línea 21: Línea 21:
 
#creamos la plantilla index.tpl
 
#creamos la plantilla index.tpl
 
}}
 
}}
 +
===[[Usuario:ManuelRomero/ProgramacionWeb/Distancia2018/Smarty/ejercicios/ejercicio2|Ejercicio 2: Mostrar todas las tiendas ]]===
  
===Lista de productos usuario registrado===
+
*Accedemos a la base de datos
*Primero el usuario se registra contra la bd
+
*El usuario verá dos botones: Tiendas o Familias
 +
[[Arhcivo:tiendas_familias.png]]
 +
*Al presionar verá un listado de elemento correspondiente con un botón de volver
 +
*Mostramos todas las tiendas
 
*Una vez logueado visualizaremos su nombre
 
*Una vez logueado visualizaremos su nombre
 
*Debajo veremos una lista de los productos disponibles
 
*Debajo veremos una lista de los productos disponibles
 
*Lo visualizamos en una lista de productos, cada uno con un botón para comprar. de los productos visualizamos el nombre corto y el precio
 
*Lo visualizamos en una lista de productos, cada uno con un botón para comprar. de los productos visualizamos el nombre corto y el precio

Revisión de 08:51 26 abr 2020




Ejercicio 1: Realizar una plantilla



Icon activity.jpg
Realiza un plantilla
  • El la página principal se verá un formulario para que inserte su nombre
  • Una vez que se ha registrado solo visualizaremos su nombre y un botón para volver a insertar nombre (Que vuelva a aparecer el formulario con la caja de texto)
  • No hay que guardar valores en variables
  • Incluimos un css para ver cómo se cargan desde la plantilla.
  1. Cargamos con composer la librería de Smarty
{
   require:{
             "smarty/smarty":"~3.1"
           }
}
  1. creamos la estructura de directorios del proyecto
  2. creamos el fichero index.php
  3. creamos la plantilla index.tpl



Ejercicio 2: Mostrar todas las tiendas

  • Accedemos a la base de datos
  • El usuario verá dos botones: Tiendas o Familias

Arhcivo:tiendas_familias.png

  • Al presionar verá un listado de elemento correspondiente con un botón de volver
  • Mostramos todas las tiendas
  • Una vez logueado visualizaremos su nombre
  • Debajo veremos una lista de los productos disponibles
  • Lo visualizamos en una lista de productos, cada uno con un botón para comprar. de los productos visualizamos el nombre corto y el precio