SlideShare una empresa de Scribd logo
Ing. Javier Purizaca Chero1
UNIVERSIDAD CATÓLICA
LOS ANGELES DE CHIMBOTE
TECNOLOGÍA WEB I
GESTIÓN DE FORMULARIOS
Y LOS VÍNCULOS CON PHP
Ing. Javier Purizaca Chero2
OBJETIVOS
 Conocer los fundamentos para la gestión de
formularios en PHP
 Utilizar los métodos POST y GET para el envío de
información de formularios
 Grabar datos de un formulario en una base de
datos
Ing. Javier Purizaca Chero3
INTRODUCCIÓN
El servicio FTP (File Transfer Protocol, Protocolo
de Transferencia de Ficheros), es un de los mas
antiguos dentro de Internet. Es un servicio que
los usuarios lo utilizan frecuentemente
(descarga de drivers, música, documentos, etc.)
El servicio FTP se puede realizar a través de los
navegadores de Internet (Netscape, Internet
Explorer, Firefox, etc.), así como a través de
clientes FTP como Filezilla, GoFTP, etc.
Ing. Javier Purizaca Chero4
TRATAR CON FORMULARIOS
El concepto básico que es importante entender es que
cualquier elemento de un formulario estará disponible
automáticamente en los scripts de PHP.
<form action="accion.php" method="post">
<p>Su nombre: <input type="text" name="nombre" /></p>
<p>Su edad: <input type="text" name="edad" /></p>
<p><input type="submit" /></p>
</form>
Cuando el usuario rellena este formulario y oprime el botón de
envío, se llama a la página accion.php
Ing. Javier Purizaca Chero5
TRATAR CON FORMULARIOS
El contenido del fichero accion.php:
<?php
echo "Hola ". htmlspecialchars($_POST['nombre']) . "<br>";
echo "Usted tiene ". (int)$_POST['edad'] . " años";
?>
htmlspecialchars() se asegura de que cualquier carácter que es
especial en html sea codificado adecuadamente, de manera que
nadie pueda inyectar etiquetas HTML o Javascript en la página
El campo edad, ya que sabemos que es un número, podemos
convertirlo a un valor de tipo integer que automáticamente se
deshará de cualquier carácter no numérico.
Ing. Javier Purizaca Chero6
TRATAR CON FORMULARIOS
<form action="accion.php" method="post">misdatos.html
accion.php
htmlspecialchars($_POST['nombre'])
Ing. Javier Purizaca Chero7
MÉTODOS DE ENVÍO
Existen dos métodos posibles de envío de información
en una página web a través de un formulario, el método
GET y el método POST.
Método GET
Este método tiene las siguientes particularidades:
El navegador toma la dirección especificada en la
propiedad action de la etiquete form de Html. Le añade
un ? Y a continuación incluye los datos del formulario
que van a ser visibles en la barra de dirección del
navegador. Por ejemplo:
http://www.ejemplo.com/index.html?name1=value1&name2=value2
Ing. Javier Purizaca Chero8
EL MÉTODO POST
Método POST
Los datos son transmitidos en forma no visible en la
barra del navegador.
PHP provee un arreglo asociativo $_POST para
acceder a toda la información en viada utilizando este
método.
Ing. Javier Purizaca Chero9
METODO POST - EJEMPLO
<body>
<div>
<header>
<h1>edad</h1>
</header>
<nav>
<div>
<form action="edad.php" method="post"">
Edad: <input type="text" name="edad">
<input type="submit" value="aceptar">
</from>
</div>
<footer>
<p>
&copy; Copyright by Javier
</p>
</footer>
</div>
</body>
Ing. Javier Purizaca Chero10
¿QUÉ ES SERVIDOR FTP?
edad.html
edad.php
Ing. Javier Purizaca Chero11
EL METODO GET - EJEMPLO
<form action="accion.php" method="get">
<p>Su nombre: <input type="text" name="nombre" /></p>
<p>Su edad: <input type="text" name="edad" /></p>
<p><input type="submit" /></p>
</form>
<?php
echo "Capturando los datos con GET: <br>";
echo "Hola ". htmlspecialchars($_GET['nombre']) . "<br>";
echo "Usted tiene ". (int)$_GET['edad'] . " a&ntilde;os";
?>
accion.php
misdatos.htm
l
Ing. Javier Purizaca Chero12
FUNCIONES DEL SERVIDOR FTP
Ing. Javier Purizaca Chero13
PASAR VARIABLES POR URL
Para pasar las variables de una página a otra lo podemos
hacer introduciendo dicha variable dentro del enlace
hipertexto de la página destino. La sintaxis sería la
siguiente:
<a href="destino.php?variable1=valor1&variable2=valor2&...">Mi enlace</a>
Se puede observar que estas variables no poseen el
símbolo $ delante.
De esta forma, las variables variable1 y variable2 pertenecen
también al entorno de la página destino.php y listas para
su explotación.
Ing. Javier Purizaca Chero14
PASAR VARIABLES POR URL - EJEMPLO
<a href="destino.php?nombre=Juan Ramos & edad=25" >Inscr&iacute;bete
&nbsp; aqu&iacute;</a>
<?php
$nombre = $_GET['nombre'];
$edad = $_GET['edad'];
echo "Gracias por regitrarte en nuestro sitio <br>
Tus datos son:" . $nombre . " ". $edad;
?>
destino.php
Ing. Javier Purizaca Chero15
PASAR VARIABLES POR URL - EJEMPLO
Ing. Javier Purizaca Chero16
GABAR DATOS EN UNA BASE DE DATOS
<form method="post" action="guardarCliente.php">
<p>Nombre :<input type="text" name="txtNombres" value=""></p>
<p>Dirección:<input type="text" name="txtDireccion"></p>
<p>Teléfono :<input type="text" name="txtTelefono"></p>
<p>E-mail :<input type="text" name="txtEmail"></p>
<input type="submit" name="enviar" value="Aceptar información">
</form>
cliente.html
Ing. Javier Purizaca Chero17
GABAR DATOS EN UNA BASE DE DATOS
<?php
include_once 'config.php';
//Capturndo los datos
$nombres = $_POST['txtNombres'];
$direccion = $_POST['txtDireccion'];
$telefono = $_POST['txtTelefono'];
$email = $_POST['txtEmail'];
//Conectadno a l base de datos
$enlace = new mysqli($hostname, $usuario, $password, $basededatos);
guardarCliente.php
Ing. Javier Purizaca Chero18
GABAR DATOS EN UNA BASE DE DATOS
if ( mysqli_connect_errno() ) {
echo "Error de conexión a la BD: " . mysqli_connect_error();
exit();
}
else {
$sql = "INSERT INTO `clientes` (`idCliente`, `nombres`, `direccion`,
`telefono`, `email`)
VALUES (NULL, '$nombres', '$direccion', '$telefono', '$email')";
$enlace->query($sql);
if($enlace){
echo "Datos grabados";
}else{
echo "Error, no se grabaron los datos";
}
}
?>
Ing. Javier Purizaca Chero19
GABAR DATOS EN UNA BASE DE DATOS
En la Base de datos
Ing. Javier Purizaca Chero20
ACTIVIDADES A REALIZAR
➢ Actividad:
Presentar la monografía de investigación formativa:
Elaborar una monografía con respecto al gestor de
contenido Joomla, debes señalar la bibliografía y/o web
grafía siguiendo las normas APA o Vancouver
➢ Actividad:
Los estudiantes utilizan un formulario diseñado para
“registro de nuevo usuario”, y crean una clase en php
para recepcionar los datos y realizar las operaciones
➢ Actividad Grupal:
Crear un modulo para el envió de E-mails

Más contenido relacionado

PPTX
Manuales de usuario y tecnico
PDF
Acceso a datos en aplicaciones web del entorno servidor
PDF
Ingeniería del Software de Gestión. Tema 4
PPT
Diagramas de flujo y algoritmos
DOCX
Ensayo Cliente Servidor
PDF
Estructura de un algoritmo en pseudocódigo
PPTX
6.documentacion de aplicaciones
PDF
Manual de sistema ejemplo
Manuales de usuario y tecnico
Acceso a datos en aplicaciones web del entorno servidor
Ingeniería del Software de Gestión. Tema 4
Diagramas de flujo y algoritmos
Ensayo Cliente Servidor
Estructura de un algoritmo en pseudocódigo
6.documentacion de aplicaciones
Manual de sistema ejemplo

La actualidad más candente (20)

PPTX
Administracion de la seguridad de sql server
DOCX
Unidad 7 Desarrollo y supervisión del proyecto de software
DOCX
Caracteristicas rup
PPT
Atributos de calidad en el desarrollo de software
PPTX
Diseño de interfaz de usuario
PPTX
Pseudocodigo pptx
PDF
Unidad 5 interfaces
DOCX
Codigo para crear la base de datos
PDF
9.diseño de la arquitectura
DOCX
Modelo 4+1
PPTX
Presentacion de etiquetas "HTML"
PDF
Bases de datos relacionales mapa mental
ODP
PPTX
IMPORTANCIA DEL ANÁLISIS DE REQUERIMIENTOS PARA EL DESARROLLO DE SISTEMAS
PPTX
CLASE 9.pptx
PDF
Herramientas de programación para desarrolladores
PPT
Modelo Del Negocio con RUP y UML Parte 2
PDF
IEEE 1016 1998: Software design description
PPT
Componentes en-poo
PPTX
Importancia de uml y bpmn
Administracion de la seguridad de sql server
Unidad 7 Desarrollo y supervisión del proyecto de software
Caracteristicas rup
Atributos de calidad en el desarrollo de software
Diseño de interfaz de usuario
Pseudocodigo pptx
Unidad 5 interfaces
Codigo para crear la base de datos
9.diseño de la arquitectura
Modelo 4+1
Presentacion de etiquetas "HTML"
Bases de datos relacionales mapa mental
IMPORTANCIA DEL ANÁLISIS DE REQUERIMIENTOS PARA EL DESARROLLO DE SISTEMAS
CLASE 9.pptx
Herramientas de programación para desarrolladores
Modelo Del Negocio con RUP y UML Parte 2
IEEE 1016 1998: Software design description
Componentes en-poo
Importancia de uml y bpmn
Publicidad

Destacado (20)

PPTX
Diagrama entidad relacion
PDF
Diagrama de entidad relacion
PPT
1 - Modelo Entidad Relacion
PPTX
Modelo entidad relación de base de datos
ODP
Presentacion diagrama
PPTX
Base de datos segunda parte
PPT
Diapositivas base de datos
PPTX
Diapositivas Modelo Relacional
PPTX
Diagrama entidad relacion
PPT
Unidad ii. base de datos
PPTX
Diagrama entidad relación
PPT
Modelo relacional
PPTX
Diagrama de entidad relacion
PPTX
Modelo entidad relacion de base de datos
PPT
Modelo Relacional
PPTX
Modelo Entidad Relación
PPT
Qué Son Las Bases De Datos
PPTX
Modelo relacional
Diagrama entidad relacion
Diagrama de entidad relacion
1 - Modelo Entidad Relacion
Modelo entidad relación de base de datos
Presentacion diagrama
Base de datos segunda parte
Diapositivas base de datos
Diapositivas Modelo Relacional
Diagrama entidad relacion
Unidad ii. base de datos
Diagrama entidad relación
Modelo relacional
Diagrama de entidad relacion
Modelo entidad relacion de base de datos
Modelo Relacional
Modelo Entidad Relación
Qué Son Las Bases De Datos
Modelo relacional
Publicidad

Similar a Gestion de formularios php (20)

PPTX
Aprendiendo php 3
PPTX
Get & post
PDF
Guia programacionwebdesarrollositiosweb
PPT
Tema3[php]
PDF
Envío y recepción de e mail usando php juan anaya manzano
PDF
PPT Actividad de Aprendizaje Semana 7 Gestion y Adm Web.pdf
DOCX
Consulta sobre el metodo get y post
ODP
Formularios
PPTX
tema.pptx
PDF
2 4 formularios_php
DOCX
Formularios (Photoshop)
PPTX
Cuarto parcial info
DOCX
Consulta sobre el metodo get y post
PPT
Tema3[Php]
DOCX
Formularios web
PDF
Cuadro Sinóptico de Llaves Técnicas Creatividad Ordenado Degradado Simple (...
DOCX
Intituto tecnologico superior
PPT
Tema3
Aprendiendo php 3
Get & post
Guia programacionwebdesarrollositiosweb
Tema3[php]
Envío y recepción de e mail usando php juan anaya manzano
PPT Actividad de Aprendizaje Semana 7 Gestion y Adm Web.pdf
Consulta sobre el metodo get y post
Formularios
tema.pptx
2 4 formularios_php
Formularios (Photoshop)
Cuarto parcial info
Consulta sobre el metodo get y post
Tema3[Php]
Formularios web
Cuadro Sinóptico de Llaves Técnicas Creatividad Ordenado Degradado Simple (...
Intituto tecnologico superior
Tema3

Último (20)

PDF
Híper Mega Repaso Histológico Bloque 3.pdf
PDF
Romper el Circulo de la Creatividad - Colleen Hoover Ccesa007.pdf
PDF
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
DOCX
PROYECTO DE APRENDIZAJE para la semana de fiestas patrias
PPTX
AGENTES PATÓGENOS Y LAS PRINCIPAL ENFERMEAD.pptx
PDF
Educación Artística y Desarrollo Humano - Howard Gardner Ccesa007.pdf
PPTX
caso clínico iam clinica y semiología l3.pptx
PDF
Salvese Quien Pueda - Andres Oppenheimer Ccesa007.pdf
PDF
Tomo 1 de biologia gratis ultra plusenmas
PDF
Metodologías Activas con herramientas IAG
PDF
ciencias-1.pdf libro cuarto basico niños
PDF
SESION 12 INMUNIZACIONES - CADENA DE FRÍO- SALUD FAMILIAR - PUEBLOS INDIGENAS...
PDF
biología es un libro sobre casi todo el tema de biología
PDF
el - LIBRO-PACTO-EDUCATIVO-GLOBAL-OIEC.pdf
PDF
COMPLETO__PROYECTO_VIVAN LOS NIÑOS Y SUS DERECHOS_EDUCADORASSOS.pdf
PDF
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
PPTX
Doctrina 1 Soteriologuia y sus diferente
PDF
GUIA DE: CANVA + INTELIGENCIA ARTIFICIAL
PDF
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
PDF
Escuela de Negocios - Robert kiyosaki Ccesa007.pdf
Híper Mega Repaso Histológico Bloque 3.pdf
Romper el Circulo de la Creatividad - Colleen Hoover Ccesa007.pdf
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
PROYECTO DE APRENDIZAJE para la semana de fiestas patrias
AGENTES PATÓGENOS Y LAS PRINCIPAL ENFERMEAD.pptx
Educación Artística y Desarrollo Humano - Howard Gardner Ccesa007.pdf
caso clínico iam clinica y semiología l3.pptx
Salvese Quien Pueda - Andres Oppenheimer Ccesa007.pdf
Tomo 1 de biologia gratis ultra plusenmas
Metodologías Activas con herramientas IAG
ciencias-1.pdf libro cuarto basico niños
SESION 12 INMUNIZACIONES - CADENA DE FRÍO- SALUD FAMILIAR - PUEBLOS INDIGENAS...
biología es un libro sobre casi todo el tema de biología
el - LIBRO-PACTO-EDUCATIVO-GLOBAL-OIEC.pdf
COMPLETO__PROYECTO_VIVAN LOS NIÑOS Y SUS DERECHOS_EDUCADORASSOS.pdf
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
Doctrina 1 Soteriologuia y sus diferente
GUIA DE: CANVA + INTELIGENCIA ARTIFICIAL
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
Escuela de Negocios - Robert kiyosaki Ccesa007.pdf

Gestion de formularios php

  • 1. Ing. Javier Purizaca Chero1 UNIVERSIDAD CATÓLICA LOS ANGELES DE CHIMBOTE TECNOLOGÍA WEB I GESTIÓN DE FORMULARIOS Y LOS VÍNCULOS CON PHP
  • 2. Ing. Javier Purizaca Chero2 OBJETIVOS  Conocer los fundamentos para la gestión de formularios en PHP  Utilizar los métodos POST y GET para el envío de información de formularios  Grabar datos de un formulario en una base de datos
  • 3. Ing. Javier Purizaca Chero3 INTRODUCCIÓN El servicio FTP (File Transfer Protocol, Protocolo de Transferencia de Ficheros), es un de los mas antiguos dentro de Internet. Es un servicio que los usuarios lo utilizan frecuentemente (descarga de drivers, música, documentos, etc.) El servicio FTP se puede realizar a través de los navegadores de Internet (Netscape, Internet Explorer, Firefox, etc.), así como a través de clientes FTP como Filezilla, GoFTP, etc.
  • 4. Ing. Javier Purizaca Chero4 TRATAR CON FORMULARIOS El concepto básico que es importante entender es que cualquier elemento de un formulario estará disponible automáticamente en los scripts de PHP. <form action="accion.php" method="post"> <p>Su nombre: <input type="text" name="nombre" /></p> <p>Su edad: <input type="text" name="edad" /></p> <p><input type="submit" /></p> </form> Cuando el usuario rellena este formulario y oprime el botón de envío, se llama a la página accion.php
  • 5. Ing. Javier Purizaca Chero5 TRATAR CON FORMULARIOS El contenido del fichero accion.php: <?php echo "Hola ". htmlspecialchars($_POST['nombre']) . "<br>"; echo "Usted tiene ". (int)$_POST['edad'] . " años"; ?> htmlspecialchars() se asegura de que cualquier carácter que es especial en html sea codificado adecuadamente, de manera que nadie pueda inyectar etiquetas HTML o Javascript en la página El campo edad, ya que sabemos que es un número, podemos convertirlo a un valor de tipo integer que automáticamente se deshará de cualquier carácter no numérico.
  • 6. Ing. Javier Purizaca Chero6 TRATAR CON FORMULARIOS <form action="accion.php" method="post">misdatos.html accion.php htmlspecialchars($_POST['nombre'])
  • 7. Ing. Javier Purizaca Chero7 MÉTODOS DE ENVÍO Existen dos métodos posibles de envío de información en una página web a través de un formulario, el método GET y el método POST. Método GET Este método tiene las siguientes particularidades: El navegador toma la dirección especificada en la propiedad action de la etiquete form de Html. Le añade un ? Y a continuación incluye los datos del formulario que van a ser visibles en la barra de dirección del navegador. Por ejemplo: http://www.ejemplo.com/index.html?name1=value1&name2=value2
  • 8. Ing. Javier Purizaca Chero8 EL MÉTODO POST Método POST Los datos son transmitidos en forma no visible en la barra del navegador. PHP provee un arreglo asociativo $_POST para acceder a toda la información en viada utilizando este método.
  • 9. Ing. Javier Purizaca Chero9 METODO POST - EJEMPLO <body> <div> <header> <h1>edad</h1> </header> <nav> <div> <form action="edad.php" method="post""> Edad: <input type="text" name="edad"> <input type="submit" value="aceptar"> </from> </div> <footer> <p> &copy; Copyright by Javier </p> </footer> </div> </body>
  • 10. Ing. Javier Purizaca Chero10 ¿QUÉ ES SERVIDOR FTP? edad.html edad.php
  • 11. Ing. Javier Purizaca Chero11 EL METODO GET - EJEMPLO <form action="accion.php" method="get"> <p>Su nombre: <input type="text" name="nombre" /></p> <p>Su edad: <input type="text" name="edad" /></p> <p><input type="submit" /></p> </form> <?php echo "Capturando los datos con GET: <br>"; echo "Hola ". htmlspecialchars($_GET['nombre']) . "<br>"; echo "Usted tiene ". (int)$_GET['edad'] . " a&ntilde;os"; ?> accion.php misdatos.htm l
  • 12. Ing. Javier Purizaca Chero12 FUNCIONES DEL SERVIDOR FTP
  • 13. Ing. Javier Purizaca Chero13 PASAR VARIABLES POR URL Para pasar las variables de una página a otra lo podemos hacer introduciendo dicha variable dentro del enlace hipertexto de la página destino. La sintaxis sería la siguiente: <a href="destino.php?variable1=valor1&variable2=valor2&...">Mi enlace</a> Se puede observar que estas variables no poseen el símbolo $ delante. De esta forma, las variables variable1 y variable2 pertenecen también al entorno de la página destino.php y listas para su explotación.
  • 14. Ing. Javier Purizaca Chero14 PASAR VARIABLES POR URL - EJEMPLO <a href="destino.php?nombre=Juan Ramos & edad=25" >Inscr&iacute;bete &nbsp; aqu&iacute;</a> <?php $nombre = $_GET['nombre']; $edad = $_GET['edad']; echo "Gracias por regitrarte en nuestro sitio <br> Tus datos son:" . $nombre . " ". $edad; ?> destino.php
  • 15. Ing. Javier Purizaca Chero15 PASAR VARIABLES POR URL - EJEMPLO
  • 16. Ing. Javier Purizaca Chero16 GABAR DATOS EN UNA BASE DE DATOS <form method="post" action="guardarCliente.php"> <p>Nombre :<input type="text" name="txtNombres" value=""></p> <p>Dirección:<input type="text" name="txtDireccion"></p> <p>Teléfono :<input type="text" name="txtTelefono"></p> <p>E-mail :<input type="text" name="txtEmail"></p> <input type="submit" name="enviar" value="Aceptar información"> </form> cliente.html
  • 17. Ing. Javier Purizaca Chero17 GABAR DATOS EN UNA BASE DE DATOS <?php include_once 'config.php'; //Capturndo los datos $nombres = $_POST['txtNombres']; $direccion = $_POST['txtDireccion']; $telefono = $_POST['txtTelefono']; $email = $_POST['txtEmail']; //Conectadno a l base de datos $enlace = new mysqli($hostname, $usuario, $password, $basededatos); guardarCliente.php
  • 18. Ing. Javier Purizaca Chero18 GABAR DATOS EN UNA BASE DE DATOS if ( mysqli_connect_errno() ) { echo "Error de conexión a la BD: " . mysqli_connect_error(); exit(); } else { $sql = "INSERT INTO `clientes` (`idCliente`, `nombres`, `direccion`, `telefono`, `email`) VALUES (NULL, '$nombres', '$direccion', '$telefono', '$email')"; $enlace->query($sql); if($enlace){ echo "Datos grabados"; }else{ echo "Error, no se grabaron los datos"; } } ?>
  • 19. Ing. Javier Purizaca Chero19 GABAR DATOS EN UNA BASE DE DATOS En la Base de datos
  • 20. Ing. Javier Purizaca Chero20 ACTIVIDADES A REALIZAR ➢ Actividad: Presentar la monografía de investigación formativa: Elaborar una monografía con respecto al gestor de contenido Joomla, debes señalar la bibliografía y/o web grafía siguiendo las normas APA o Vancouver ➢ Actividad: Los estudiantes utilizan un formulario diseñado para “registro de nuevo usuario”, y crean una clase en php para recepcionar los datos y realizar las operaciones ➢ Actividad Grupal: Crear un modulo para el envió de E-mails