PDF de programación - Creación de páginas web dinámicas con PHP/MySQL - Utilización y Administración avanzada de sistemas GNU/Linux y aplicaciones Software Libre para estudiantes universitarios

Utilización y Administración avanzada
de sistemas GNU/Linux y aplicaciones

Software Libre para estudiantes

universitarios

Creación de páginas web dinámicas con

PHP/MySQL

David Vaquero Santiago

Utilización y Administración avanzada de sistemas GNU/Linux y aplicaciones Software Libre para
estudiantes universitariosCreación de páginas web dinámicas con PHP/MySQL
por David Vaquero Santiago

Copyright (c) 2.007 Copiar Pegar Digital S.L., David Vaquero Santiago <[email protected]>.
Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License, Version 1.2 or
any later version published by the Free Software Foundation; with no Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts. A copy
of the license is included in the section entitled "GNU Free Documentation License".

Historial de revisiones
Revisión 1.0 11-04-2007 Revisado por: David Vaquero Santiago

Tabla de contenidos

1. Introducción. ..........................................................................................................................................1
2. Principios de la Web ..............................................................................................................................2
2.1. Principios de la programación web. ............................................................................................2
2.2. La página principal......................................................................................................................2
2.3. El manejo de una tabla sencilla...................................................................................................7
2.4. Añadir un nuevo registro.............................................................................................................9
2.5. El fichero ver.php del directorio................................................................................................11
2.6. El fichero editar.php ..................................................................................................................12
2.7. El fichero borrar.php .................................................................................................................14
2.8. El fichero buscar.php.................................................................................................................15
2.9. Conclusiones .............................................................................................................................17
3. Otros ejemplos .....................................................................................................................................18
4. Inclusión de relaciones ........................................................................................................................26
4.1. Directorio de Alumnos..............................................................................................................26
4.2. Conclusiones .............................................................................................................................42
A. GNU Free Documentation License....................................................................................................43
A.1. PREAMBLE ............................................................................................................................43
A.2. APPLICABILITY AND DEFINITIONS ................................................................................43
A.3. VERBATIM COPYING...........................................................................................................44
A.4. COPYING IN QUANTITY .....................................................................................................45
A.5. MODIFICATIONS...................................................................................................................45
A.6. COMBINING DOCUMENTS.................................................................................................47
A.7. COLLECTIONS OF DOCUMENTS ......................................................................................47
A.8. AGGREGATION WITH INDEPENDENT WORKS..............................................................48
A.9. TRANSLATION ......................................................................................................................48
A.10. TERMINATION.....................................................................................................................48
A.11. FUTURE REVISIONS OF THIS LICENSE.........................................................................49
A.12. ADDENDUM: How to use this License for your documents................................................49

iii

Capítulo 1. Introducción.

Bienvenidos a esta documentación sobre la creación de aplicaciones Php/Mysql. Espero que os sea grata
y que os ayude a programar aplicaciones web mejor en los ordenadores con GNU/Linux.

1

Capítulo 2. Principios de la Web

2.1. Principios de la programación web.

Siempre que nos vayamos a plantear el desarrollo de una aplicación web, debemos de disponer de una
serie de conocimientos teórico- prácticos base, que son:

• Saber programar en HTML.
• Saber programar en CSS.
• Saber programar en PHP.
• Saber consultar BBDD con SQL.

Como estos conocimientos pueden echar para atrás en primera instancia, se pretende, mediante ejemplos
fomentar el aprendizaje del desarrollo de este tipo de aplicaciones. Lo único que necesita es tener
instalado y confgiurada una plataforma LAMP. Debe tomarse en consideración que los ejemplos aquí
indicados se han colocado únicamente con fines educativos y que por lo tanto no deben tomarse como
ejemplo de codificación de calidad en PHP.

2.2. La página principal

Como primer reto tenemos el de construir una página principal. Para este paso necesimos más cosas de
las que pensamos en un primer momento. Los pasos a dar son los siguientes:

• Saber el directorio raiz del servidor web. Por defecto en OpenSuse 10.2 es /srv/www/htdocs
• Crear un directorio para almacenar los ficheros de la aplicación. Para ello en Openoffice 10.2 debemos

ejecutar como root el comando:

[root@Glisa-host htdocs]#
mkdir /srv/www/htdocs/ejercicios

• Modificar los permisos del directorio para permitir la escritura de todos los usuarios (no es muy seguro

pero sí funcional). Para ello ejecutaremos:

[root@Glisa-host htdocs]#
chmod 777

/srv/www/htdocs/ejercicios

Una vez cambiados los permisos ya puede utilizar su editor favorito para realizar todas la operaciones
necesarias con ficheros y carpetas. A Partir de este momento siempre que se diga crear un fichero o
carpeta será respecto al directorio: /srv/www/htdocs

2

• Creamos un fichero php principal para el sitio web, que se llame index.php , y copiamos el siguiente

Capítulo 2. Principios de la Web

contenido:

<html>

<head>

<TITLE>Título Provisional</TITLE>

</head>
<body>

<p>Mi Primer HTML</p>

</body>

</html>

Mediante este ejemplo puede ver cómo se estructura un fichero html, no se ha metido nada de código
php para no complicar más las cosas.

• Crear un fichero css y enlazarlo con el fichero index.php . El fichero css va a ayudar a que cambiar el

aspecto de la aplicación de una manera automatizada para todos los ficheros .php . El contenido del
CSS será similar al siguiente:

/* Definición de estilos en un archivo aparte */
/* Estilo para el documento */
BODY {font-family:Verdana,sans-serif;font-size:20pt;margin-left:0.25in; margin-right:0.25in}
/* Estilo para la cabecera de nivel 2 */
P.cabecera {font-family:Verdana,sans-serif;font-size:15pt;color:red}
/* Estilos para otras etiquetas */
TD.titulo {font-family:Verdana,sans-serif;font-size:20;color:red}
TD.linea {font-family:Verdana,sans-serif;font-size:18;color:black}
:link { color: rgb(0, 0, 153) } /* for unvisited links */
:visited { color: rgb(153, 0, 153) } /* for visited links */
a:active { color: rgb(255, 0,102) } /* when link is clicked */
a:hover { color: rgb(0, 96, 255) } /* when mouse is over link*/

Mediante este ejemplo puede ver cómo se aplican modificaciones sobre atributos de tags HTML
mediante la definición de una clase CSS. Para Enlazar el fichero en el fichero .php se haría las
siguientes modificaciones en el index.php:

<html>

<head>

<TITLE>Título Provisional</TITLE>
<link REL="stylesheet" TYPE="text/css"
HREF="estilo.css" />

</head>
<body>

<p CLASS="cabecera">Mi Primer HTML</p>

</body>

</html>

3

Capítulo 2. Principios de la Web

Como puede ver se ha añadido un nuevo tag llamado LINK dentro de la cabecera del fichero .php que
indica donde se encuentra el fichero .css , si se da cuenta, el fichero no tiene ningún tipo de ruta
definida, sólo se identifica el nombre del fichero, ya que, dicho fichero se encuentra en el mismo
directorio que el fichero index.php. También se puede ver como en el tag <p />se ha añadido una
nueva propiedad denominada Class al que le hemos puesto el estilo definido como "cabecera" para el
tag <p />en el fichero estilo.css

• Una vez definida la página principal y aplicado el estilo, necesita probar que funciona correctmente.

Para lo cual abra su navegador favorito e introduzca la siguiente URL:
http://localhost/ejercicios/index.php . Debería ver la Página definida en el fichero index.php. A partir
de este momento siempre que se vaya a visualizar una página, asuma que la dirección URL siempre
empezará por http://localhost/ejemplos/

• Una vez comprobado que la página está correctamente definida y verificada, resta pensar qué datos
son los que necesitamos manejar. Este tipo de decisiones son las que se suelen realizar en la fase de
análisis de un proyecto y dan normalmente como resultado un diagrama de entidad relación, que una
vez pasado a una base de datos nos resulta un fichero .sql o fichero de datos de una base de datos. A
continuación se muestra el fichero sql resultante del análisis de una aplicación de gestión de
matriculaciones:

-- phpMyAdmin SQL Dump --

version 2.