Php y MySqul

16
PHP y MySql Diseño Web Mtra. Ana Elena García Pumarino Asesor On Line

Transcript of Php y MySqul

Page 1: Php y MySqul

PHP y MySqlDiseño WebMtra. Ana Elena García PumarinoAsesor On Line

Page 2: Php y MySqul

IndroducciónPHP se enfoca principalmente a la programación de

Scripts del lado del servidor

Page 3: Php y MySqul

Cliente Vs ServidorEs necesario entender que las tecnologías usadas

tanto para el cliente como para el servidor son diferentes, ahora explicaremos esas diferencias.

Page 4: Php y MySqul

Cliente Vs Servidor

ClienteCliente

ServidorServidor

Petición

Respuesta

Cuando un cliente hace la petición de una página web, el servidor devuelve esta petición y se muestra en pantalla.

Si la página solicitada tiene código HTML, Java Script, CSS, será el navegador quien procesa el código que contiene la página en cuestión.

Cuando la petición se realiza del lado del servidor, este devuelve la petición de la misma manera que del lado del cliente.

Pero cuando la petición llega al servidor, éste procesa el código PHP que contenga la página web visitada o incluso crea la conexión a bases de datos.

ClienteCliente

Petición

Respuesta

Page 5: Php y MySqul

Cliente Vs Servidor

ClienteCliente

ServidorServidor

Petición

Respuesta

Las tecnologías que se ejecutan casi siempre del lado del cliente son:

•Java Script,

•VBScript,

•Apples Java

•HTML

•CSS

ClienteCliente

Petición

Respuesta

Los lenguajes de programación interpretados que se ejecutan del lado del servidor son:

•PHP

•JSP

•Perl

•ASP

Page 6: Php y MySqul

Trabajando con el ServidorAl programar en PHP, el lenguaje se ejecuta en el servidor, por lo tanto es necesario

tener disponible un servidor web para realizar pruebas en cuanto al código, funcionamiento

y cualquier tipo de cambio que vayamos programando. Y para esto tenemos dos opciones:

Page 7: Php y MySqul

Crear tu propio ServidorLos Bundle son paquetes de instalación completos que permiten convertir tu PC en un local

host. Existen muchos tipos de paquetes para diferentes gustos y usos; tienen la ventaja de

contener: el Servidor, el Manejador de base de datos y los formularios PHP y My Admin, que es

como una consola de administración que hace más sencillo manejar las bases de datos MySql.

Page 8: Php y MySqul

PHPComo hemos mencionado anteriormente, PHP es un lenguaje de

programación del lado del servidor, por lo tanto es hora de encender los

servicios del paquete servidor que instalamos con anterioridad cualquiera

que este sea:

Y verificar que todo los servicios funcionan perfectamente al arrancar el

paquete.

Page 9: Php y MySqul

PHPOtro aspecto importante es organizar la información en carpetas, es decir,

vamos a crear varias carpetas en donde vamos a almacenar nuestras páginas:

HTML

css

PHP

(nombre de los archivos.html)

(nombre de los archivos.php)

(nombre de los archivos.css)

Page 10: Php y MySqul

PHPA diferencia de la forma de ver una página en el navegador creada por HTML o CSS, en PHP debemos abrir un navegador web, verificar que el servidor apache del local host este activado, y tendrás que escribir en la línea de dirección http://localhost/nombre_carpeta que contenga el archivo index.php, después del ENTER verás la página creada en tu navegador.

Es decir:http://localhost/php

Como podrás observar no es necesario escribir el nombre index.php por que lo toma por default, pero si tu no lo has guardado con el nombre de index.php y le diste otro nombre como pagina_1.php, entonces deberás escribir:

http://localhost/php/pagina_1.php

Mtra. Ana Elena García PumarinoMtra. Ana Elena García Pumarino

Page 11: Php y MySqul

PHPEntonces las etiquetas PHP se muestran incluidas de la siguiente manera:

Mtra. Ana Elena García PumarinoMtra. Ana Elena García Pumarino

<!doctype html><html lang=”en”> (Idioma en inglés)

<head> <meta charset=”UTF-8”> (código de estructura HTML5)

<title>Escribir aquí</title></head><body><?php /*Todo lo que esta incluido en

print “Bienvenidos al curso“ estas etiquetas será interpretado

?> por el servidor web.*/</body></html>

Page 12: Php y MySqul

MySql• MySql es un gestor de base de datos BBDD relacional, multihilo y

multiusuario.

Mtra. Ana Elena García PumarinoMtra. Ana Elena García Pumarino

Page 13: Php y MySqul

Gestor de Base de datos1. Es importante verificar que los servicios del paquete estén encendidos

para permitirnos realizar todas las tareas con MySql.

2. Cabe recordar que al igual que PHP se puede trabajar con dos gestores de base de datos, el local y la conexión en remoto por las pruebas que se realizan al estar creando las bases de datos y lo haremos desde la opción: phpMyAdmin.

Mtra. Ana Elena García PumarinoMtra. Ana Elena García Pumarino

Page 14: Php y MySqul

Crear base de datosVerás una pantalla como esta en la cual podrás observar que ya hay una serie de bases de datos por defecto que no se deben eliminar ya que contienen información necesaria para que el gestor de BD MySql funcionen correctamente y donde se puede crear una nueva base de datos, con un nombre específico :

Mtra. Ana Elena García PumarinoMtra. Ana Elena García Pumarino

Bases de datos por defecto

Page 15: Php y MySqul

SQLEl SQL de las siglas Structures Query Lenaguage, es decir un lenguaje

de estructura que permite especificar diferentes tipos de operaciones.

•Es un lenguaje universal,

•Se utiliza para crear y manipular bases de datos en MySql desde una

página web PHP.

•Insertar o eliminar campos o registros.

Este lenguaje permite comunicarse con la base de datos remota para

poder manipularla teniendo y poder tener una página Web programada

con código PHP.

Mtra. Ana Elena García PumarinoMtra. Ana Elena García Pumarino

Page 16: Php y MySqul

Estructura típica de una página web dinámica

Mtra

. Ana

Ele

na G

arcí

a P

umar

ino

Mtra

. Ana

Ele

na G

arcí

a P

umar

ino

CSS Almacena todos los archivos de estilo CSS.

Documents Se ubican todos los tipos de documentos, archivos y páginas HTML.

Images Se guardan todas las imágenes de tipo ilustrativo que acompañan al contenido. de tipo jpg, png .

Interface Se guardan todos los gráficos utilizados en el interfaz visual del sitio web.

java Carpeta en la que se guardan los archivos applet de java.

functions

Carpeta que almacena las distintas funciones básicas del sitio web, Los archivos contenidos deberían tener la forma

"func.nombre.php", es decir, prefijo identificativo del tipo de archivo o programa, más el nombre del archivo, más la

extensión en este caso propia del lenguaje de programación dinámico PHP.

modules

Formada por los distintos módulos y extensiones, ó añadidos de las funciones básicas del sitio web. Por ejemplo un

módulo para la traducción , la gestión de plantillas CSS, etc. Los archivos contenidos deberían tener la forma

"mod.nombre.php", es decir, prefijo identificativo del tipo de archivo o programa, más el nombre del archivo, más la

extensión en este caso propia del lenguaje de programación dinámico PHP.

Install

En los sitios web más avanzados como los CMS suele ser necesario efectuar un proceso de instalación y configuración

previa, antes de su uso. Los archivos que hacen posible el funcionamiento del proceso de instalación suelen guardarse

en la carpeta install.

index.phpPágina principal e inicial del sitio web a partir de la cual se accede a todos los contenidos. El único cambio que se

produce con respecto a la estructura de la web estática es el tipo de archivo, la extensión y el lenguaje de programación

inc.head.php

Es muy frecuente que la página principal o inicial del sitio web esté compuesta por distintos fragmentos CSS para

estructurar la información, hacen que el encabezamiento de la página se particione generando el archivo "inc.head.php".

El prefijo inc, indica que se trata de un "include" o añadido que se ensambla con la página principal. Seguido de un

punto se indica el componente head y finalmente la extensión del archivo.

inc.menu.php También se modula para formar parte de un archivo más del ensamblaje final de la página principal.

inc.foot.php El pie de página también mantiene el mismo modelo de parcelación visto en el encabezado y el menú.