Muestra las diferencias entre dos versiones de la página.
ejercicios:unidad07 [2014/09/08 18:07] admin creado |
ejercicios:unidad07 [2014/09/09 19:43] (actual) admin |
||
---|---|---|---|
Línea 1: | Línea 1: | ||
====== 7. Rutas ====== | ====== 7. Rutas ====== | ||
+ | |||
+ | ===== datosHipoteca0x.json ===== | ||
+ | Crea los siguiente ficheros: | ||
+ | * ''datosHipoteca02.json'' sabiendo que su contenido debe ser igual al 2º elemento del array de ''datosHipotecas.json'' | ||
+ | * ''datosHipoteca03.json'' sabiendo que su contenido debe ser igual al 3º elemento del array de ''datosHipotecas.json'' | ||
+ | * ''datosHipoteca04.json'' sabiendo que su contenido debe ser igual al 4º elemento del array de ''datosHipotecas.json'' | ||
+ | * ''datosHipoteca05.json'' sabiendo que su contenido debe ser igual al 5º elemento del array de ''datosHipotecas.json'' | ||
+ | |||
+ | ===== Título ===== | ||
+ | Modifica el método ''hipotecaResource .get()'' para que ahora acepte como argumento el ''idHipoteca'' y según ese valor cargue uno de los 5 ficheros "datosHipoteca0X.json" que hay. | ||
+ | |||
+ | ===== Rutas ===== | ||
+ | Añade las siguientes 3 rutas a la aplicación: | ||
+ | * "/hipoteca/detalle/idHipoteca": Que cargará la página ''detalle.html''. Pero sabiendo que "idHipoteca" es un parámetro con el valor de la hipoteca a mostrar. | ||
+ | * "/hipoteca/listado": Que cargará la página ''listado.html'' | ||
+ | * "/" : que cargará la página ''main.html''. Ésta será la ruta a la que se navegará si se pone cualquier otra ruta distinta a las 3 que acabamos de definir. | ||
+ | |||
+ | |||
+ | Las página de las 3 rutas se cargarán en ''index.html'' | ||
+ | ===== main.html ===== | ||
+ | Crea una nueva página llamada ''main.html'' que tendrá un enlace para navegar a la ruta "/hipoteca/listado". | ||
+ | |||
+ | ===== listado.html ===== | ||
+ | Modifica la tabla para que ahora, al pinchar sobre la columna ''idHipoteca'', se navegue a la ruta "/hipoteca/detalle" pero pasando el "idHipoteca" de donde se ha pinchado. | ||
+ | |||
+ | ===== detalle.html ===== | ||
+ | Haz que se le pase el controlador de ''detalle.html'' el ''idHipoteca'' y que ahora use ese valor con el método ''hipotecaResource .get(idHipoteca)'' para obtener los datos de la hipoteca concreta. | ||
+ | |||
+ | |||
+ | ===== enlaces ===== | ||
+ | Haz que ahora que todos los enlaces usen las rutas en vez de poner directamente las páginas. | ||
+ | |||
+ | ====== Optativo ====== | ||
+ | |||
+ | ===== detalle.html ===== | ||
+ | Haz que los datos de la hipoteca se carguen antes de que se muestre la página HTML | ||
+ | |||
+ | ===== listado.html ===== | ||
+ | Haz que los datos de las hipotecas se carguen antes de que se muestre la página HTML | ||
+ | |||
+ | ===== pie.html ===== | ||
+ | Haz que la carga de ''pie.html'' ahora se haga sólo desde ''index.html'' | ||