PÁGINAS DINÁMICAS WEB CON PHP. Unidad 4 Aplicaciones Web

Transcripción

1 PÁGINAS DINÁMICAS WEB CON PHP Unidad 4 Aplicaciones Web

2 Agenda del curso PHP 2009 DIA 5 (2 horas) (2 horas) Aplicaciones web Variables predefinidas en PHP Uso de formularios en PHP (2 horas) Administración de sesiones Instituto Muelles de Alejandría 2

3 Objetivos Definir el término de aplicación web Discutir la utilidad de las variables predefinidas Discutir como se procesan los formularios Explicar la administración de las sesiones Instituto Muelles de Alejandría 3

4 Componentes Navegador Web Este es el componente del lado del cliente Servidor Web Este componente acepta solicitudes por páginas web hechas por el cliente y las retorna Recursos Externos Las aplicaciones web necesitan acceder a la información o solicitar servicios de más de una fuente. Ejemplo una Base de datos Mysql Instituto Muelles de Alejandría 4

5 Variables Predefinidas en PHP argv $_SERVER['argc'] $_SERVER['PHP_SELF'] $_COOKIE $_GET $_POST $_FILES $_ENV $_SERVER $_SESSION $GLOBALS Array de argumentos pasados en la ejecución del script. Número de parametros pasados al script en su ejecución. Nombre del script que se está ejecutando Array asociativo de pares (clave,valor) pasados a través de cookies Array asociativo de pares (clave,valor) pasados a través de GET Array asociativo de pares (clave,valor) pasados a través de POST Array asociativo que contiene información de los ficheros recibidos mediante POST Array asociativo de pares (clave,valor) del entorno Array asociativo de pares (clave,valor) del servidor Array asociativo de pares (clave,valor) de sesion Array asociativo de pares (clave, valor) variables globales disponibles Instituto Muelles de Alejandría 5

6 Variables Predefinidas en PHP Variables de Servidor $_SERVER Se utiliza $_SERVER['elemento'] Elemento 'PHP_SELF' 'SERVER_NAME' 'SERVER_ADDR' 'REQUEST_METHOD' Contenido Nombre del script que se está ejecutando, relativo al directorio raíz. Nombre del servidor que se está ejecutando el script. La dirección IP del servidor bajo el cual está siendo ejecutado el script. Indica cual método de solicitud fue usado para acceder a la página, como: GET, HEAD, POST o PUT 'QUERY_STRING' 'DOCUMENT_ROOT' 'REMOTE_ADDR' 'REMOTE_HOST' 'REMOTE_PORT' 'SCRIPT_FILENAME 'SCRIPT_NAME' Cadena de consulta mediante la cual se accedió a la página, si existe. Directorio raíz de documentos bajo el cual está siendo ejecutado el script, tal y como está definido en el archivo de configuración. Dirección IP del Cliente que accede a la página. Nombre del host del usuario que accede a la página. Puerto usado en la máquina del cliente para comunicarse con el servidor. Ruta absoluta del nombre del script que se est{a ejecutando. Ruta del script que se está ejecutando Instituto Muelles de Alejandría 6

7 Variables Predefinidas en PHP Ejercicio 1 mostrar variables de $_SERVER <html> <head><title>variables predefinidas Ejemplo</title></head> <body> <?php print "<h2>variable \$_SERVER</h2>"; print "<hr>"; print "<b>el contenido de \$_SERVER es:</b><br>"; foreach ($_SERVER as $clave=>$valor){ echo "<b>$clave:</b> $valor <br>"; }?> </body> </html> Instituto Muelles de Alejandría 7

9 Un formulario es un objeto DOM de HTML Actúa como receptor de datos del cliente Envía los datos al servidor web al script PHP Estos datos de entrada son enviados a través r 'action' Una sentencia de formulario puede ser: form name="form1" method="post" action="miscript.php"> <elementos del formulario> </form> Los elementos que puede contener un formulario Botones: button, reset y submit. Campos de texto: text, file, textarea, password y hiddes. Componentes de selección: checkbox, radiobutton, select Instituto Muelles de Alejandría 9

10 Componentes de un formulario <form name="form1" method="post" action="miscript.php"> <elementos del formulario> </form> ACTION indicamos el script que va procesar la información que recogemos en el formulario METHOD nos indica si el usuario del formulario va ha enviar datos ( post ) o recogerlos ( get ) </FORM> indica el final del formulario Instituto Muelles de Alejandría 10

11 Diferentes tipos de elementos de entrada de formulario Elementos de tipo INPUT TEXT RADIO CHECKBOX BUTTON FILE HIDDEN PASSWORD SUBMIT Elemento SELECT Simple / múltiple Elemento TEXTAREA Instituto Muelles de Alejandría 11

12 TEXT Introduzca la cadena a buscar: <INPUT TYPE="text" NAME="cadena" VALUE="valor por defecto" SIZE="20"> <?PHP $cadena = $_REQUEST[ cadena ]; print ($cadena);?> Instituto Muelles de Alejandría 12

13 RADIO Sexo: <INPUT TYPE="radio" NAME= sexo" VALUE= M CHECKED>Mujer <INPUT TYPE="radio" NAME= sexo" VALUE= H">Hombre <?PHP $sexo = $_REQUEST[ sexo ]; print ($sexo);?> Instituto Muelles de Alejandría 13

14 CHECKBOX <INPUT TYPE="checkbox" NAME="extras[]" VALUE="garaje" CHECKED>Garaje <INPUT TYPE="checkbox" NAME="extras[]" VALUE="piscina">Piscina <INPUT TYPE="checkbox" NAME="extras[]" VALUE="jardin">Jardín <?PHP $extras = $_REQUEST[ extras ]; foreach ($extras as $extra) print ( $extra<br>\n ); Instituto Muelles de Alejandría 14

15 BUTTON <INPUT TYPE="button" NAME= actualizar" VALUE="Actualizar datos"> <?PHP $actualizar = $_REQUEST[ actualizar ]; if ($actualizar) print ("Se han actualizado los datos");?> Instituto Muelles de Alejandría 15

16 FILE <FORM ACTION="procesa.php" METHOD="post ENCTYPE="multipart/form data"> <INPUT TYPE="file" NAME="fichero"> </FORM> Instituto Muelles de Alejandría 16

17 HIDDEN <?PHP?> print( <INPUT TYPE= hidden NAME= username VALUE= $usuario >\n ); <?PHP $username = $_REQUEST[ username ]; print ($username);?> Instituto Muelles de Alejandría 17

18 PASSWORD Contraseña: <INPUT TYPE="password" NAME="clave"> <?PHP $clave = $_REQUEST[ clave ]; print ($clave);?> Instituto Muelles de Alejandría 18

19 SUBMIT <INPUT TYPE="submit" NAME="enviar" VALUE="Enviar datos"> <?PHP $enviar = $_REQUEST[ enviar ]; if ($enviar) print ("Se ha pulsado el botón de enviar");?> Instituto Muelles de Alejandría 19

20 SELECT simple Color: <SELECT NAME= color"> <OPTION VALUE= rojo" SELECTED>Rojo <OPTION VALUE= verde">verde <OPTION VALUE= azul">azul </SELECT> <?PHP $color = $_REQUEST[ color ]; print ($color);?> Instituto Muelles de Alejandría 20

21 TEXTAREA Comentario: <TEXTAREA COLS= 50" ROWS= 4" NAME="comentario"> Este libro me parece... </TEXTAREA> <?PHP $comentario = $_REQUEST[ comentario ]; print ($comentario);?> Instituto Muelles de Alejandría 21

22 Ejercicio 2 Programa que muestra los datos introducidos desde un formulario Ilustra cómo acceder a los valores introducidos desde todos los tipos de elementos de entrada de un formulario, con excepción de los tipos BUTTON y FILE, que se tratan en ejercicios posteriores Instituto Muelles de Alejandría 22

23 La forma habitual de trabajar con formularios en PHP es utilizar un único programa que procese el formulario o lo muestre según haya sido o no enviado, respectivamente Ventajas: Disminuye el número de ficheros Permite validar los datos del formulario en el propio formulario Procedimiento: si se ha enviado el formulario: Procesar formulario si no: Mostrar formulario fsi Instituto Muelles de Alejandría 23

24 Esquema de funcionamiento: si se ha enviado el formulario: Procesar formulario a) b) si no: Mostrar formulario fsi La 1ª vez que se carga la página se muestra el formulario (a) La 2ª vez se procesa el formulario (b) Instituto Muelles de Alejandría 24

25 Para saber si se ha enviado el formulario se acude a la variable correspondiente al botón de envío. Si este botón aparece de la siguiente forma en el formulario HTML: <INPUT TYPE="SUBMIT" NAME="enviar" VALUE="procesar"> entonces la condición anterior se transforma en: if (isset($_request['$enviar'])) o bien if ($_REQUEST['$enviar']) == "procesar") Instituto Muelles de Alejandría 25

26 Ejercicio 3: formulario de PHP Ilustra cómo crear páginas multipropósito a) b) que sirven tanto para mostrar un formulario como para procesarlo Instituto Muelles de Alejandría 26

27 <HTML> <BODY> <FORM METHOD="post" ACTION="misdatos.php"> <input type="hidden" name="edad" value="55"> <p>tu nombre <input type="text" name="nombre" size="30" value="jose"></p> <p>tu sistema favorito </p> <select size="1" name="sistema"> </select> <option selected value="linux">linux</option> <option value="unix">unix</option> <option value="macintosh">macintosh</option> <option value="windows">windows</option> Instituto Muelles de Alejandría 27

28 <p> Te gusta el futbol? <input type="checkbox" name="futbol" value="on"></p> <p> Cual es tu sexo?</p> <blockquote> <p>hombre<input type="radio" value="hombre" name="sexo" checked></p> <p>mujer <input type="radio" value="mujer" name="sexo"></p> </blockquote> <p>aficiones</p> <p><textarea rows="5" name="aficiones" cols="28"></textarea></p> <p><input type="submit" value="enviar datos" name="enviar"> <input type="reset" value="restablecer" name="b2"></p> </FORM> </BODY> <HTML> Instituto Muelles de Alejandría 28

29 <p> Te gusta el futbol? <input type="checkbox" name="futbol" value="on"></p> <p> Cual es tu sexo?</p> <blockquote> <p>hombre<input type="radio" value="hombre" name="sexo" checked></p> <p>mujer <input type="radio" value="mujer" name="sexo"></p> </blockquote> <p>aficiones</p> <p><textarea rows="5" name="aficiones" cols="28"></textarea></p> <p><input type="submit" value="enviar datos" name="enviar"> <input type="reset" value="restablecer" name="b2"></p> </FORM> </BODY> <HTML> Instituto Muelles de Alejandría 29

30 <?php if { $nombre=$_post['nombre']; $sexo=$_post['sexo']; $edad=$_post['edad']; $sistema=$_post['sistema']; $futbol=$_post['futbol']; $aficiones=$_post['aficiones']; echo "Hola <b>".$nombre."</b> como estás<br>\n"; echo "Eres ". $sexo. "<BR>\n"; echo "Tienes ". $edad. "<BR>\n"; echo "Tu sistema favorito es ". $sistema. "<BR>\n"; if ($futbol) { echo "Te gusta el futbol <BR>\n"; } else { echo "NO te gusta el futbol <BR>\n"; } Instituto Muelles de Alejandría 30

31 if ($aficiones!= "") { echo "Tus aficiones son: <BR>\n"; echo nl2br($aficiones); } else { echo "NO tienes aficiones <BR>\n"; } echo "<br><a href=".$_server['php_self'].">volver AL FORMULARIO</a>" ; } else {?> <HTML> <BODY> <FORM METHOD="post" ACTION="<?PHP echo $_SERVER['PHP_SELF']? >"> <input type="hidden" name="edad" value="45"> <p>tu nombre <input type="text" name="nombre" size="30" value="jose"></p> Instituto Muelles de Alejandría 31

32 <p>tu sistema favorito <select size="1" name="sistema"> <option selected value="linux">linux</option> <option value="unix">unix</option> <option value="macintosh">macintosh</option> <option value="windows">windows</option> </select></p> <p> Te gusta el futbol? <input type="checkbox" name="futbol" value="on" ></p> <p> Cual es tu sexo?</p> <blockquote> <p>hombre<input type="radio" value="hombre" checked name="sexo"></p> <p>mujer <input type="radio" value="mujer" name="sexo" ></p> </blockquote> <p>aficiones</p> <p><textarea rows="5" name="aficiones" cols="28"></textarea></p> <p><input type="submit" value="enviar datos" name="enviar"> <input type="reset" value="restablecer" name="b2"></p> </FORM> </BODY></HTML> <?PHP } //fin IF?> Instituto Muelles de Alejandría 32

33 Para subir un fichero al servidor se utiliza el elemento de entrada FILE Hay que tener en cuenta una serie de consideraciones importantes: El elemento FORM debe tener el atributo ENCTYPE="multipart/form data El fichero tiene un límite en cuanto a su tamaño. Este límite se fija de dos formas diferentes: En el fichero de configuración php.ini En el propio formulario Instituto Muelles de Alejandría 33

34 Subida de ficheros al servidor php.ini ;;;;;;;;;;;;;;;; ; File Uploads ; ;;;;;;;;;;;;;;;; ; Whether to allow HTTP file uploads. file_uploads = On ; Temporary directory for HTTP uploaded files (will use ; system default if not specified). ;upload_tmp_dir = ; Maximum allowed size for uploaded files. upload_max_filesize = 2M formulario <INPUT TYPE= HIDDEN NAME= MAX_FILE_SIZE VALUE='102400'> <INPUT TYPE= FILE NAME="fichero"> Instituto Muelles de Alejandría 34

35 Para subir un fichero al servidor se utiliza el elemento de entrada FILE Hay que tener en cuenta una serie de consideraciones importantes: El elemento FORM debe tener el atributo ENCTYPE="multipart/form data El fichero tiene un límite en cuanto a su tamaño. Este límite se fija de dos formas diferentes: En el fichero de configuración php.ini En el propio formulario Instituto Muelles de Alejandría 35

36 Subida de ficheros al servidor Consideraciones (cont) Debe darse al fichero un nombre que evite coincidencias con ficheros ya subidos. Por ello, y como norma general, debe descartarse el nombre original del fichero y crear uno nuevo que sea único El fichero subido se almacena en un directorio temporal y hemos de moverlo al directorio de destino usando la función move_upload_file() Procedimiento: si se ha subido correctamente el fichero: Asignar un nombre al fichero Mover el fichero a su ubicación definitiva si no: Mostrar un mensaje de error fsi Instituto Muelles de Alejandría 36

37 Subida de Archivos al servidor <INPUT TYPE="HIDDEN" NAME="MAX_FILE_SIZE" VALUE="102400"> <INPUT TYPE="FILE" SIZE="44" NAME="imagen"> La variable $_FILES contiene toda la información del Archivo subido: $_FILES['imagen']['name'] Nombre original del fichero en la máquina cliente $_FILES['imagen']['type'] Tipo mime del fichero. Por ejemplo, "image/gif" $_FILES['imagen']['size'] Tamaño en bytes del fichero subido $_FILES['imagen']['tmp_name'] Nombre del fichero temporal en el que se almacena el fichero subido en el servidor $_FILES['imagen ]['error'] Código de error asociado al fichero subido Instituto Muelles de Alejandría 37

38 Subida de ficheros al servidor if (is_uploaded_file ($_FILES['imagen']['tmp_name'])) { $nombredirectorio = "img/"; $idunico = time(); $nombrefichero = $idunico. "-". $_FILES['imagen']['name']; move_uploaded_file ($_FILES['imagen']['tmp_name'], $nombredirectorio. $nombrefichero); } else print ("No se ha podido subir el fichero\n"); Instituto Muelles de Alejandría 38

39 Validar Formularios Esquema de funcionamiento: si se ha enviado el formulario: validar datos fsi a) b) c) si se ha enviado y no hay errores: Procesar formulario si no: Mostrar formulario fsi La 1ª vez que se carga la página se muestra el formulario (a) La 2ª y sucesivas veces se validan los datos Si hay errores, se muestra de nuevo el formulario con los errores (b) Si no hay, se procesa el formulario (c) Instituto Muelles de Alejandría 39

40 Ejercicio 5 Validación de los datos introducidos en un formulario Ilustra cómo realizar una validación de los datos introducidos en un formulario en el propio formulario Instituto Muelles de Alejandría 40