26 El ambiente PHP. Siempre en Vista de Cédigo en nuestro Dreamweaver (0 en ol editor que useimos), para esta prueba borraremos todo el cddigo fuente HTML que el Dreamweaver genera (DTD, etiquetas html, head, body, etc. hasta que no quade nada) Luego, dentro de ese cédigo fuente, escribiremos Linicamente esto: Guardaremos los cambios que realizamos en el archivo, primer archive PHP! jFalicitaciones! iya hemos creado nuestro Cémo navegar por archivos PHP usando el servidor de prueba ‘S ahora queremos que el servidor Web local procese ese archivo (simulando lo que se veria ‘en un hosting verdadero), tenemos que encender el servidor Web Apache desde el panel de contol del KAMPE, y luego escTibiretrios ar la barra de ditecciones de nuestro navegador let URL de nuestro archivo PHP: http://ocalhost/ejercicio' /ejerciiot php Es decir, todas las carpetas previas a htdoes (ésta incluida) cuando vamos al navega- dor no se escriben, se reemplazan por http://localhost y, de ahi en més, si se escriven los nombres de las sub-carpetas y de los archivos que queramos ver (en este caso, la carpela ejerciciot y el archivo ejerciciot php). Podemos penser las partes de esta URL tal como si localhost fuera el nombre de un dominio. Al cargarse esa pagina con él servidor encendido, veremos esto: [ae [a VSUR AR RIFT Tet nao RON ETE Poa a8 (maa er RST = Sve vee contgare Commend | sync copay cembenerna a Sener AP [apse zeae [wenatorecor super [ewes [conegurmon reppin |m ne es Eien Figura 2-19. Pagina con datos, generada por la funcién “phpinfo” que ejecutamos, Alfaomega PHP, Creacién de paginas Web dinamicas - BeatiEsas extranias siglas: LAMP, MAMP, WAMP, xAMP- Es decir, observaremos una pantalla larga, con colores celeste, azul, gris y blanco. Sila visualizamos es porque hemos configurado todo correctamente, y ya podemos disfrutar de los beneficios de crear nuestra primera pagina con PHP (fue suficiente apenas una linea de cédigo para generar una pagina completa llena de datos, lo que no es poco, zno es cierto?}. Por supuesto, también deberiamos probar siempre nuestros ejercicios online, en un hosting que soporte PHP y MySQL. Reiteramos que es sumamente recomendable crear una carpeta por cada elercicio que desarrollamos, tanto en él servidor local como en ei hosting que utlicemos (usuamen- te los elercicios y proyectos profesionales que realicemos estardn formades por numerosos archives, y si no los vamos ordenando desde Un principio dentro de carpetas, terminaremos mezclando todo). ‘Con tados los programas instalades, configurados y probados, iya podemos comenzar @ programar en PHP! PHP, Creacién d Alfaomega 273 MEZCLANDO PHP Y HTML El concepto clave: completando las paginas HTML en el acto Vamos a creer, probar y tratar de entender nuestro primer eédige PHP: 1. Escribamos el siguiente cédigo, dentro de_un archi- vo nuevo creado con nuestro editor favorito (ei usamos Dreamweaver, lo haremos en le vista Cédigo), esequran- donos de guardarlo con un nombre cuya extensién sea php, por ejemplo: hola.php. Este sera el cédigo de hola.php: <{DOCTYEE hem! PUBLIC *=//m3c//DTD xHTML 1.9 Strict//EN* "http: //www.w3.org/TR/xhtml1/OTD/xhtml1— strict.dtd"> hemi xmins=*http://wew.w3-0r/1999/xhemi" xml:lang="es" lang-“es"> ap>Esto estaba escrito en HIML.

"); > Este archivo deberd quardarse dentro de la carpeta raiz del servidor Web que hayarnos instalado; por ejemplo, quienes hayan instalado el XAMPP en la ruta que explicamos en el capitulo anterior, podrian crear una subcarpeta dentro de la reiz del servidor Web Apache, y colocario en: C:/servidor/xampp/ntdocs/ejercicio t/hola.pho 2. Encendemos o! sofware servider Web local (slo instalarmos usando el XAMPP, deberemos Ir al menu Inicio > Todos los Programas > XAMPP for Windows > XAMPP Control Panel) El software servidor Web quedara a la espera de que le pidamos, a través de un nave- gadior (Explorar, Firefox, Opera), alguno de los archivos que tiene listos para servirnos. En este 680, le pediremos el archivo hola.php. 3, Para ello, abriremos ol navegador (Explorer, Firefox, Opera, Safari o cualquier oro) y escribiremos la URL necesaria para solicitarle al servidor Web el archivo hola.ohp, Este es un tema clave. Enuna PC con un servidor Web local deberemos escribir: http:/localhost/ejercicio 1/hola.pho © bien usando la direccién IP local: http://127.0.0.1/elercicio{ ¢hola.php Atencién: no funcionaré ir al mend Archivo > Abrir del navegador, ya que nuestro archivo PHP necesita ser procesado por el programa intérprete de PHP instalado en al servidor Web, que debe estar encendide. ‘Tampoco funciona, para quienes usen Dreamweaver, pulsar F12, por la misma tazén. Ni tampoco funciona darle doble clic al archivo PHP. En todos esos casos erréneos, si miran la URL, no meneionaré en ningtn lado hitp://localhost/sjerciciot /nola.php. Por esta raz6n, el software setvidor Web y al in- térprete de PHP no procesarén ese archivo. Una vez solicitada la URL del archivo desde nuestro navegador, y luego de esperar unos segundos, legaré al navegador el cédigo fuente que fue procesado en el servidor. A partir de ‘ste momento, én el que el oddigo generado llegé a nuestro navegador, podemos acceder al cédigo fuente que fue entregado 4 nuestro navegador (usando el mend: Ver > Cédigo fuente) y, en este ejemplo, veremos que le ha llegado lo siguiente: Alfaomega PHP, Cr j6n de paginas Web dindmicas - BeatiEl concepto clave: completando las paginas HTML en el acto

Esto estaba escrito en HIML.

Hiola mundo! Esto lo escribié el intérprete de PHP

Es decir: el intérprete de PHP borré todas las érdenes que encontré entre las marcas ‘Hola mundo! Bsto lo escribié el intérprete de PHP

Formas de que PHP escriba dentro de HTML Notemos que es posible la intercalacién de érdenes en lenguaje PHP, alternandolas dentro do una pagina escrita en lenguaje HTML, tantas veces como sea necesario (pueden abrirse y cerrarse los tags de PHP tantas veces como queramos). Por ejemplo’ http: //www.w3.org/1999/xhtml" xml:lang="es" 3t Esto fue escrito estaticamente, en HTML. Hola mundo! Esto lo escribié el intérprete de PHP") 7 od

Esto ya estaba escrito en el cédigo HTML.

Esto también lo escribié el software intérprete de PHP

"); >

Apertura y cierre de la etiqueta PHP Notemos que el tag de PHP: * Puede abrirse y cerrarse en la misma linea en que abrié, 0 puede osrrarse en otra linea diferente. Es indistinto: * Puede intercalarse dentro de etiquetas HTML pre-existentes. © Pueds generar nuevas etiquetas HTML mediante un echo o print. + Y puede abrirse y cerrarse muchas veces dentro de una misma pagina. Los distintos tioos de tags de apertura y cierte de un blogue escrito en lenguaje PHP que podemos llegar a encontrar, son los siguientes: 4. Apertura y cierre esténdar: <2PND KKK 7> 9 también: Esta es la Unica sintaxis universal: funciona siempre. Es la Unica forma recomendada, yle que vamos a user. 2. Apertura y clerre corto: <2 00K P> © también: Alfaomega PHP, Creacién de paginas Web dinamicas - BeatiEl concepto clave: completando las paginas HTML en el acto 33 <2 KK > Esta sintaxis se conoce como short tags (atiquetas cortas), Fue muy usada en los pri- meros afios de PHP, pero no es estandar. No todas las configuraciones del intérprete de PHP habilitan su Uso, por lo que un cédigo que utilice esta sintaxis puede dejar de funcionar al ser ubicado en un servidor con otra configuracion més estricta, Por ese motivo, no la racomendamos. 8, Apertura y cierre mediante etiqueta script 1000 © también: XXX Esta sintaxis, si bien tedavia se soporta, es innecesariamente larga y es rarfsimo en- contrar agin cédigo que la emplee. Por lo tanto, al no tener ninguna otra ventaja afiadida, no recomendamos su uso, 4, Tags estilo ASP: <% 100K > © también: <% 090K Coo Sintaxis al astilo del lenguaje de programacién ASP de Microsoft: no es esténder, la posibilidad de usarla depende de la configuracién del intérprete; por lo tanto, tampoco: ‘se racomienda su utilizacion. En los ejemplos anteriores, hemos utiizacio la funcién print, que “escribe" en el cédigo fuente de la pagina que esté por enviarse instantes desoués desde el servidor hacia al nave- gador del usuario, y que, como vemos, puede esoribir no solamente texto, sino también eti- quetas HTML como 4! "

" 0 “

" del ejemplo, etiquetas que luego son interpretadas por Al navagaciar camo eulalquiar otra cédiga HTML que hubiase astaco eserite alli originalmente Veamos cémo trabala esta funcion. Escribir en el cédigo con la funcién print) El lenguaje PHP posee una funcién que es una de las mas utlizadas de todas. Hablamos de la funcién print), que le incica al software intérprete de PHP que “escriba” ~en el cédigo. fuente de la pagina que devolverd al navegador del usuario aquello que pongamos entre sus paréntesis. PHP, Creacién de paginas Web dinamicas Alfaomega34 Mezclando PHP y HTML Ya hemos utiizado intuitivamente esta funcién en los ejemplos anteriores. Si lo que de- seamos es que se escriba en el cédigo de la pagina un texto, literalmente, debemos escribirlo entre comillas dentro de sus paréntesis. Ejemplo: Bienvenidos") ; 2 Este ejemplo generard un error, pues la comilla ubicada luego del signo = est cumplien- do, sin querer, la funci6n de cerrar la primera de las comilas —la que se abrié al inicio del print, luego del paréntesis inicial- y, por lo tanto, el tramo de texto se da por concluido y al resto que sigue a esa comilla el software intérprete de PHP no sabe cémo tratarlo, y lo advierte mostrando un mensaje de error en la pantalla. Una posible solucién al problema de las comillas es desactivar (@ esto se lo denomina “escapar’) todas las comillas dobles intermedias, una por una, para que no den por concluida fa. vadere! de laxlo antes de que llaguertios 2 ki Gilitia Cori: Goble que indica @l Lérnninio de la functén print. El cardcter de escape es la barra invertida \y sirve para no ejecutar el cardcter que le sigue inmediatamente como si fuera parte de una orden del lenguaje PHP, sino que lo cons dera como una letra mas que debe ser escrita literaimente. Por esta razén, el ejemplo anterior quedara asf Bienvenidos") 7 > Esto funciona muy bien en frases cortas, pero el mayor inconveniente o molestia que nos puede causar surge cuando tenemos que imprimir largos bloques de cédigo HTML, ya que es muy probable que esos blogues (tal vez paginas enteras) ya los tengamos escritos de antes, generados por nuestro editor de cédigo HTML, y es casi saguro que poseerén numerosas co- mmillas dobles. En esos casos, estariamos obigados ala teciosa terea de encontrar las comillas una por Una, y “escaparlas” anteponiéndoles una barra invertida 0, en su defecto, podriamos utilizar las herramientas de busqueda y reemplazo de caracteres de algunos editores HTML s Web dindmicas - Beati Alfaomega PHP, CreaEl concepto clave: completando las paginas HTML en el acto para buscar una comilla y reemplazarla por la barra de escape més la comilla, Pero, en ambos casos, seria una larga y aburrida tarea, Mucho mejor que esto, seria utilizar comillas simples para dalimitar ol inicio y final dal bloque de texto a imprimir: Bienvenidos

") ; > IY problema solucionado! Como funciona el comando “echo” Este comando (no es una funcién) también puede utilizar optativamente comillas simples o dohles para dalimitar lo quia va a imprimir, da la misma manaca quie print. Paro, a diferencia da print, no es habitual enwolver entre paréntesis lo que escrbiré. Ejempio: shead>

Alfaomega PHP, Creacion de paginas Web dinamicas - BeatiEl concepto clave: completando las paginas HTML en el acto 39

Contenido principal

Povdemas descargar el cficiga completa de estos archiva en silo Web ce este, buscdndoos baja ol momire de esta capo. Alisa incue tdigo CSS neesario para <2php include ("pie-php"); 2>

From Everand