AulaFacil.com: CLICK AQUÍ para aprender cientos de cursos gratis
Curso gratis
 
Lección 32 ª

 

 

 

 

 

   

MANUAL DE PHP. Parte 2. Nuestro Proyecto/Primera Página para agregar datos a la base

Hola, aquí estamos de nuevo, dispuestos a seguir con nuestro hermoso y jamás bien ponderado proyecto. En este nuevo encuentro construiremos la página que servirá para insertar los datos que, posteriormente, habrán de ser insertados en nuestra base.

Nuestro proceso de inserción se llevará a cabo en dos páginas diferentes: la primera página (una página HTML) será la que recogerá los datos que el usuario desea insertar; y la segunda que será la aplicación PHP para que, con base a los datos recogidos, genere las instrucciones SQL para insertar dichos datos en la tabla agentes.

Hasta el momento, sólo tenemos una fila en nuestra tabla:

Para poder pedirle los datos al usuario, necesitamos, como ya explicamos, una sencilla página HTML que recogerá los datos de todas y cada una de las columnas de la tabla agentes.

Veamos el código que hemos preparado:

<HTML>
<HEAD>
<TITLE>Inserción de Agentes</TITLE>
</HEAD>
<BODY BACKGROUND = "bg.jpg" HEIGHT = 600 WIDTH = 1024>
<FONT FACE = "Verdana" COLOR = "#00AAFF">
<FORM METHOD = "GET" ACTION = "inserta_agente.php">
<CENTER><H1>Módulo de Inserción de Agentes</H1></CENTER>
<B>
<BR>
<BR>
<CENTER>Código de Empleado:
<INPUT TYPE = TEXT NAME = "c_emp" MAXWIDTH = 5 SIZE = 5></CENTER>
<P>
PRIMER NOMBRE:
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT TYPE = TEXT NAME = "fname1" MAXWIDTH = 15 SIZE = 15>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
SEGUNDO NOMBRE:
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT TYPE = TEXT NAME = "fname2" MAXWIDTH = 15 SIZE = 15>
<P>
PRIMER APELLIDO:
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT TYPE = TEXT NAME = "lname1" MAXWIDTH = 15 SIZE = 15>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
SEGUNDO APELLIDO:
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT TYPE = TEXT NAME = "lname2" MAXWIDTH = 15 SIZE = 15>
<P>
<BR>
<BR>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
AVAYA:
<INPUT TYPE = TEXT NAME = "avaya" MAXWIDTH = 6 SIZE = 6>
TURNO:&nbsp;&nbsp;
<SELECT NAME = "shift">
<OPTION VALUE = "am">AM
<OPTION VALUE = "pm">PM
</SELECT>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
SUPERVISOR:
<SELECT NAME = "sup">
<OPTION VALUE = "Deysi Lozano">Deysi Lozano
<OPTION VALUE = "Julio Salazar">Julio Salazar
<OPTION VALUE = "Sergio Mejia">Sergio Mejia
<OPTION VALUE = "Jonathan Castillo">Jonathan Castillo
<OPTION VALUE = "Oliver Navarrete">Oliver Navarrete
<OPTION VALUE = "Alberto Chavez">Alberto Chavez
</SELECT>
<P>
<BR>
<BR>
DIRECCIÓN:
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT TYPE = TEXT NAME = "address" MAXWIDTH = 65 SIZE = 65>
<P>
<BR>
<BR>
TELÉFONO:
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT TYPE = TEXT NAME = "phone" MAXWIDTH = 10 SIZE = 10>
<BR>
<BR>
<CENTER><INPUT TYPE = Submit VALUE = "Submit"></CENTER>
</FONT>
</BODY>
</HTML>

Este código nos da la siguiente salida:

[Objeto Flash Eliminado]

En nuestra próxima entrega explicaremos con detalle este código, de momento, por favor recuerden lo que dijo Fenelon: “La constancia es la virtud por la que todas las obras dan su fruto” Sean siempre constantes, disfruten, saboreen, paladeen los frutos de sus esfuerzos,… siempre. Hasta Pronto.