Diferencia entre revisiones de «Plantilla:PHP/RedirigiendoPaginas»

De WikiEducator
Saltar a: navegación, buscar
(→‎Redirigiendo páginas)
(→‎Referenciando la propia página)
Línea 45: Línea 45:
 
===Referenciando la propia página===
 
===Referenciando la propia página===
 
*A veces puede ser que en la propia página tengamos el código que queremos que se ejecute cuando hacemos un click en el botón submit.
 
*A veces puede ser que en la propia página tengamos el código que queremos que se ejecute cuando hacemos un click en el botón submit.
−
*Esto simplifica el número de páginas que tenemos en nuestro desarrollo
+
*Esto simplifica el número de páginas que tenemos en nuestro desarrollo.
−
*En este caso tenemos la siguiente situación
+
*En el desarrollo web, hay una tendencia llamada '''SPA''' ''Simple Page Application''
 +
https://juanda.gitbooks.io/webapps/content/spa/arquitectura_de_un_spa.html
 +
*Esta sería la forma de conseguirlo desde el desarrollo php.
 +
*En este caso tenemos la siguiente situación:
 
[[Archivo:appUnaPagina.png]]
 
[[Archivo:appUnaPagina.png]]
 
</div>
 
</div>
Línea 54: Línea 57:
  
 
*En la imagen vemos una forma de proceder
 
*En la imagen vemos una forma de proceder
−
*Creamos una página web
+
*Creamos una página web con un formulario, donde el atributo '''action''' tiene como valor el nombre de la página actual. Este valor lo podemos escribir explícitamente  o bien usar el valor de $_SERVER['PHP_SELF'] que contiene el  nombre del archivo de script ejecutándose actualmente, relativa al directorio raíz de documentos del servidor.
−
*Dentro de la página tenemos que ver si es la primera vez que se carga la página o no
+
<source lang=php>
−
*Otra forma de verlo es si se ha cargado la página porque hemos puesto el url en el navegador, o porque hemos hecho click en el botón submit del formulario
+
 
−
*Dentro del código esto lo podemos saber interrogando si existe la variable '''''$_POST['enviar']'''''
+
<!doctype html>
 +
<html lang="en">
 +
<head>
 +
    <meta charset="UTF-8">
 +
    <meta name="viewport"
 +
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
 +
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
 +
    <title>Document</title>
 +
</head>
 +
<body>
 +
<form action=""<?PHP echo $_SERVER['PHP_SELF']?> method="POST">
 +
    <input type="submit" value="enviar" name="enviar">
 +
</form>
 +
</body>
 +
</html>
 +
</source>
 +
o bien poner el nombre del fichero o script, en este caso suponemos '''''index.php'''''.
 +
<source lang=php>
 +
<form action="index.php" method="POST">
 +
</source>
 +
*En el caso de '''index.php''' se puede poner un punto, por lo que se podría sustituir la etiqueta del '''form'''.
 +
<source lang=html5>
 +
<form action="." method="POST">
 +
<source>
 +
 
 +
 +
*Dentro de la ejecución del script, tenemos que ver si es la primera vez que se carga la página o no.
 +
*Es decir puede ser que esté cagando la página por que he escrito en la url la página o por que he realizado un click sobre el botón submit del formulario correspondiente.
 +
*Dentro del código esto lo podemos saber interrogando si existe la variable del formulario que corresponde al submit '''''$_POST['enviar']'''''
 +
<source lang=php>
 +
<?php
 +
if isset($_POST['enviar']){
 +
    //En este caso estamos cargando este fichero
 +
    //por que hemos hecho click en el botón submit
 +
   
 +
}else{
 +
    //Lo que queramos que se ejecute si no hemos hecho click
 +
    //o nada si no queremos contemplar esta situación
 +
   
 +
}
 +
 
 +
*/?>
 +
 
 +
<!doctype html>
 +
 
 +
.........
 +
</source>
 +
 
 
{{MRM_Actividad|Haz una página de bienvenida que muestre los datos de usuario y pass al acceder al sistema
 
{{MRM_Actividad|Haz una página de bienvenida que muestre los datos de usuario y pass al acceder al sistema
 
*Se tiene que hacer en una única página}}
 
*Se tiene que hacer en una única página}}

Revisión de 10:26 29 oct 2017

Redirigiendo páginas

  • Imaginemos que queremos hacer una página donde pidamos al usuario nombre y password.
  • El password va a ser 12345. Si el password es correcto iremos a otra página en la que le queremos dar la bienvenida con el nombre que introdujo.
  • Pensemos en cómo podemos pasar ese nombre a la página.

PasandoOcultos.png </div>

  • Analicemos las maneras de hacerlo, pero previamente veamos una función muy interesante.
  • La usaremos en muchas ocasiones, y sirve para invocar a otras páginas en un momento dado
header(....);
  • header() se usa enviar encabezados HTTP sin formato.
  • Con esta cabecera http, podemos invocar una determinada url que queremos cargar, así que es ahí donde podemos hacer referencia a la página que queremos ver.
  • Es muy importante saber que header() debe ser llamado antes de mostrar nada por pantalla
  • Aquí se puede acceder a la referencia oficial. 
http://es.php.net/manual/es/function.header.php
  • Por ahora la usaremos de dos maneras para un mismo cometido
Cargar una página inmediatamente 
header("Location:URL_de_la_página");
Cargar una página con un tiempo de demora (por ejemplo para leer un mensaje) 
header ("Refresh:5; url=URL_de_la_pagina");
  • Ahora estamos en condiciones de probarlas con el ejemplo anterior.
  • Como siempre recuerdo que es muy importante entender las acciones que se van haciendo.
  • Después de ejecutar la función header con redirección, no tiene sentido que se ejecute el resto del script, por lo que es aconsejable y útil poner la función de finalización de script exist(). 
header (......);
exit();

Referenciando la propia página

  • A veces puede ser que en la propia página tengamos el código que queremos que se ejecute cuando hacemos un click en el botón submit.
  • Esto simplifica el número de páginas que tenemos en nuestro desarrollo.
  • En el desarrollo web, hay una tendencia llamada SPA Simple Page Application 
https://juanda.gitbooks.io/webapps/content/spa/arquitectura_de_un_spa.html
  • Esta sería la forma de conseguirlo desde el desarrollo php.
  • En este caso tenemos la siguiente situación:

AppUnaPagina.png

  • En la imagen vemos una forma de proceder
  • Creamos una página web con un formulario, donde el atributo action tiene como valor el nombre de la página actual. Este valor lo podemos escribir explícitamente o bien usar el valor de $_SERVER['PHP_SELF'] que contiene el nombre del archivo de script ejecutándose actualmente, relativa al directorio raíz de documentos del servidor. 
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<form action=""<?PHP echo $_SERVER['PHP_SELF']?> method="POST">
     <input type="submit" value="enviar" name="enviar">
</form>
</body>
</html>
o bien poner el nombre del fichero o script, en este caso suponemos index.php.

<form action="index.php" method="POST">
  • En el caso de index.php se puede poner un punto, por lo que se podría sustituir la etiqueta del form. 
<form action="." method="POST">
<source>
 
 
*Dentro de la ejecución del script, tenemos que ver si es la primera vez que se carga la página o no.
*Es decir puede ser que esté cagando la página por que he escrito en la url la página o por que he realizado un click sobre el botón submit del formulario correspondiente.
*Dentro del código esto lo podemos saber interrogando si existe la variable  del formulario que corresponde al submit '''''$_POST['enviar']'''''
<source lang=php>
<?php
if isset($_POST['enviar']){
    //En este caso estamos cargando este fichero
    //por que hemos hecho click en el botón submit
 
}else{
    //Lo que queramos que se ejecute si no hemos hecho click
    //o nada si no queremos contemplar esta situación
 
}
 
 */?>
 
<!doctype html>
 
.........



Icon activity.jpg
Actividad
Haz una página de bienvenida que muestre los datos de usuario y pass al acceder al sistema
  • Se tiene que hacer en una única página


Pasando información de una página a otra

  • La programación web utiliza el protocolo http para la transferencia de los datos
  • http es un protocolo sin estado


Icon key points.gif

Puntos clave

  1. La programación web está basada en el protocolo http
  2. El protocolo http es un protocolo sin estado
  • Cada vez que cargamos una página o hay una solicitud el servidor web entrega al cliente la página ejecutada
  • En caso de que la página ejecutada tenga código php (extensión del fichero), el servidor web ejecuta dicho código y entrega como parte de la página el resultado de la ejecución
  • El servidor no tiene en cuenta a quién entrega la página, no sabe si es la primera vez que te entrega la página o la enésima vez que lo hace
  • Si quiere mantener información entre diferentes páginas, he de gestionarlo en programación
  • Una manera ya le hemos visto usando la función de cabecera 
header (Location:url?variable1=valor&variable2=valor)
Usando campos ocultos
  • Otra manera es usando campos ocultos
  • Veamos su funcionamiento
  • Hay situaciones donde queremos recopilar además de la información que el usuario rellena, algún dato más.
  • Supongamos que queremos saber las veces que una página se invoca a sí mismo
  • Cualquiera pensaría en crear una variable, y cada vez que llamemos a la página incrementar en una unidad

LlamadasPagina.png

  • Cada vez que llamemos a la página siempre que el usuario se haya identificado vamos a especificar las veces que ha invocado a la página.
  • Para ello necesitamos enviar a la página del servidor la información de las veces que se ha invocado a la página 
<input type="hidden" name="valorOcultoaRescatar" value="$variable">


Icon activity.jpg
Actividad
Implementa el programa anterior y verifica su funcionamiento


Obtenido de «https://es.wikieducator.org/index.php?title=Plantilla:PHP/RedirigiendoPaginas&oldid=22385»