PHP


Menú

Existen dos tipos de páginas web: Web 1.0 ó Web 2.0 . Podríamos decir que una Web 1.0 sería una web estática, hecha con HTML, XHTML, Flash… que no presenta variaciones o no funciona contra una base de datos. Una Web 2.0 será entonces una web que trabaja contra una base de datos. Dicha web aparte de su fachada realizada con los lenguajes antes citados, necesitaría otro “lenguaje de servidor” PHP, ASP, J2EE… que sería el encargado explotar la base de datos.

XHTML es una “reformulación de los tres tipos de documento definidos por HTML 4, pero como aplicaciones de XML”. Se sintió que era necesaria una versión más estricta de HTML principalmente porque el contenido de la World Wide Web ahora puede visualizarse desde numerosos dispositivos (como teléfonos móviles) aparte de las computadoras de escritorio tradicionales, donde no se contaría con los recursos necesarios para afrontar la complejidad de la sintaxis del HTML. Sin embargo, en la práctica, fueron apareciendo navegadores para dispositivos móviles que pueden manejar documentos HTML comunes, antes que XHTML sea adoptado por los navegadores principales.

La plantilla de una web hecha con XHTML sería así:

<?xml version="1.0" encoding="UTF-8"?>
<!-- DTD declararación de tipo de documento -->
<!DOCTYPE
    html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
  <head>
       <title>Título que aparece en el navegador</title>
       <!-- Aquí entre las etiquetas head irá la hoja de estilo de la web, javascript... -->
  </head>
  <body>
       <!-- Aquí entre las etiquetas body irá todo el contenido de la web -->
       <p>Hola mundo!!!</p>
  </body>
</html>

Como podéis observar todo el texto que va entre <!– –> serían comentarios, y nuestro navegador a la hora de interpretar ese código no lo reproduciría. Si copiáramos ese documente y lo guadaramos como index.html, al abrilo en nuestro navegador web veríamos como nos mostraría Hola mundo!!!.

Después de la breve introducción que posteé para familiarizarnos con xhtml y demás, creo es hora de elegir un buen editor. Aunque parezca una tonteria, si realmente te vas a dedicar a esto profesionalmente, te vas a pasar 6-8 horas al día delante de él, así que tiene que ser un editor con el que trabajéis comodos. En mi caso será Notepad++.

Es un editor muy sencillo, completo, rápido, y a diferencia de otros no genera código que no has escrito. El asistente de linea “autocompletado” va en función de atributos y no de etiquetas enteras como en otros editores. Por ejemplo si usamos el asistente para introducir una etiqueta <img > en Notepad++ habría que ir de atributo en atributo, mientras que otros te pondría de golpe <img src=” ” title=” ” alt=” ” />. A mí me gusta en todo momento controlar el código que se está introduciendo.

Otra opción interesante sería la de configurar el color de fondo, tipo de letra… todo esto lo controlamos desde Configurar/Configurador de estilo. También tenemos la zona Configurar/Preferencias… donde podemos cambiar opciones de impresión, nuevos documentos, tipo de codificación, generación de backups. En definitiva creo que es el editor que más se amolda a mis necesidades.

Este tutorial es para Windows XP, no está probado con Windows Vista.

Puesto que vamos a trabajar con un lenguaje de servidor como es PHP, es hora de convertir nuestro ordenador en un servidor, e instalar todo lo necesario para un correcto funcionamiento.

Lo primero será descargarlo todo:

Apache 2.2.14

http://apache.rediris.es/httpd/binaries/win32/apache_2.2.14-win32-x86-no_ssl.msi

Sistema gestor de base de datos MySql

http://downloads.mysql.com/archives/mysql-5.1/mysql-5.1.39-win32.msi

Connector ODBC 5.1.6 Windows (x86, 32-bit), MSI Installer

http://dev.mysql.com/downloads/connector/odbc/

Herramientas MySql (Query Browser y Administrator)

http://rapidshare.com/files/322992349/mysql-gui-tools-5.0-r17-win32.zip.html

PHP 5.2.12

http://windows.php.net/downloads/releases/php-5.2.12-nts-Win32-VC6-x86.zip
– Una vez descargado todo, empezaremos con la instalación de Apache:

  • Configurar el puerto, 80 por defecto (recomendado).
  • Asignar un nombre, generalmente localhost (una palabra).

– Después de terminar la instalación vamos a descomprimir el .zip de PHP 5.2.12 y lo colgaremos de C:\php5.2.12

– Ahora toca instalar MySql:

  • Instalamos dejando las opciones por defecto.
  • Establecemos usuario y contraseña, (recomendado root y root).
  • Instalamos las herramientas Query Browser y Administrator.
  • Instalamos el Connector ODBC 5.1.6.
  • Arrancar el administrador y configuramos una conexión.

– Configuramos PHP 5.2.12

  • Creamos el fichero php.ini copiando el fichero php.ini-recommended y renombrándolo.
  • Editamos php.ini, incorporando las extensiones.
  • extension_dir = “C:/php5.2.12/ext/
  • extension=php_mysql.dll (con quitar el ; de la instrucción que ya viene escrita es suficiente).
  • extension=php_mysqli.dll (con quitar el ; de la instrucción que ya viene escrita es suficiente).
  • Copiamos el fichero libmysqli.dll en C:\windows\system32
  • Copiamos el fichero libmysqli.dll en C:\php5.2.12

– Identificamos PHP ante Apache escribiendo las siguientes directivas en el fichero http.conf , ubicado en la carpeta donde esté instalado Apache:

  • LoadModule php5_module “C:/php5.2.12/php5apache2.dll
  • PHPIniDir C:/php5.2.12/”
  • AddType application/x-httpd-php .php .phtml

– Modificar las variables Path del sistema:

  • MiPC / Propiedades / Avanzada / Variables entorno.
  • Editar la variable Path.
  • Incorporarle la ruta de PHP, separando por
  • ;C:\ php5.2.12;C:\php5.2.12\ext\

Ya estaría todo configurado correctamente, lo único que faltaría sería probarlo. Ahora cualquier cosa que tengamos dentro de la carpeta htdocs “ubicada en la carpeta donde se instaló Apache”, se comportará igual que si la tuvieramos alojada en un servidor.

Creamos un archivo PHP para verificar la instalación:


<?php phpinfo(); ?>

Lo guardamos como info.php y lo metemos en la carpeta htdocs vamos a nuestro navegador web y ponemos en la url http://localhost/info.php y si todo está bien configurado nos saldrá toda la información de PHP.

Existe otra manera de hacer más facíl todo este proceso que sería instalando XAMPP. No es más que un paquete de instalación que incorpora todas las aplicaciones antes instaladas de forma individual.

X para cualquiera de los diferentes sistemas operativos, Apache, MySql, Php, Perl.

http://www.apachefriends.org/en/xampp-windows.html

Para hacer la conexión crearemos un archivo que se llamará conexion.php incluirá el siguiente código:

<?php
//Conexion local
$con=mysqli_connect( 'localhost',
                     'usuario_MySQL',
                     'password_MySQL',
                     'nombre_base_datos');
?>

Este archivo lo creamos independiente, porque para trabajar de forma local los parámetros de configuración serán distintos de los que habrá que poner cuando nuestra web esté alojada en un servidor. Con este método si cambiamos la web de alojamiento o los parámetros de conexión sólo habría que tocar este archivo ahorrándonos muchísimo trabajo.

Una vez creado este archivo cada vez que queramos hacer una conexión actuaremos de la siguiente manera:

<?php
//Incluimos la conexión creada anteriormente
include('conexion.php');
//Creamos la consulta SQL, por ejemplo un listado de una tabla
$sql="SELECT nombre, apellidos, dni FROM alumnos";
//Ejecutamos la query que nos devolverá los datos a la variable $res
$res=mysqli_query($con,$sql) or die("Error inesperado, inténtelo más tarde");
    //Recorremos el objeto de resultados que nos devuelve con un bucle.
    while ($fila=mysqli_fetch_array($res))
    {
        // Visualización nombre apellidos - dni
        echo "<p>".$fila[0]." ".$fila[1]." - ".$fila[2]."</p>";
    }
//Cerramos la conexión
mysqli_close($con);
?>
Anuncios

Responder

Por favor, inicia sesión con uno de estos métodos para publicar tu comentario:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s