Scribd Logo
Upload

Welcome to Scribd!

  • Practica 3

    Uploaded by

    riesgo_noxs
    9 views12 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    9 views12 pages

    Practica 3

    Uploaded by

    riesgo_noxs

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 12

    INSTITUTO TECNOLOGICO DE ZACATEPEC

    ALUMNO: JOSE ENRIQUE BUSTOS BAHENA No. Control: 07090543

    PROFESOR: JOSE PEDRO ARAGON HERNANDEZ

    MATERIA: DESARROLLO DE APCACIONES WEB I

    PRACTICA 3 FORMULARIOS

    FORMULARIOS Con lo visto en la clase de formularios vamos a crear algo ms complejo. Practica Paso 1 Primero de sebe crear una aplicacin web, en el IDE netbeans en el men File esta la opcin New Project, se selecciona esta opcin como se muestra en la siguiente figura.

    A continuacin se debe seleccionar en Categories: la opcin Java Web, del lado derecho en la seccin Projects: se debe seleccionar Web Application como se muestra en la siguiente imagen.

    En esta seccin se debe dar un nombre a la aplicacin, en este caso dawi-pr3.

    Consecuentemente se debe seleccionar el servidor a ocupar, en este caso: GlassFish Server 3.1.2, una vez seleccionado el servidor se pulsa en el botn Terminar.

    Primero en index.jsp modificar con el siguiente cdigo:


    <%@page contentType="text/html"%> <%@page pageEncoding="UTF-8"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Encuesta Socioeconomica</title> <link rel="stylesheet" type="text/css" href="IMG/style.css"> </head> <body> <div align="center"><b>Llenado de Informacion de Licenciatura</b></div><br><hr /> <form action="/dawi_pr3/procesa.jsp" method="POST" target="_blank"> <fieldset style="padding:"> <legend>Datos Personales</legend> <table> <tr> <td><b>Ap. Paterno: </b></td> <td><input type="text" name="ap" size="30" onkeyup="mayus(this);"/></td> </tr> <tr> <td><b>Ap. Materno: </b></td> <td><input type="text" name="am" size="30" onkeyup="mayus(this);"/></td> </tr> <tr> <td><b>Nombre(s):</b></td> <td><input type="text" name="nombre" size="30" onkeyup="mayus(this);"/></td> </tr> <tr> <td><b>Numero de Control:</b></td> <td><input type="text" name="nc" size="10" maxlength="8" onKeyPress="return acceptNum(event)"/></td> </tr> <tr> <td><b>Carrera</b></td> <td><select size="1" name="opc1"> <option value="1">Ingenieria en Sistemas Computacionales</option> <option value="2">Ingenieria Bioquimica</option> <option value="3">Ingenieria Civil</option> <option value="4">Ingenieria Electromecanica</option> <option value="5">Ingenieria Industrial</option> <option value="6">Ingenieria Quimica</option> <option value="7">Licenciatura en Administracion</option> <option value="8">Licenciatura en Informatica</option> </select> </td> </tr> </table> </fieldset> <br> <br> <fieldset> <legend>Datos SocioEconomicos</legend>Cual es la ocupacion o trabajo de tus Padres o Tutores?<br> <table> <tr> <td valign="top"><b>Ocupacion del Padre</b></td> <td><input type="radio" name="opadre" value="1" checked/> No lo se<br />

    <input type="radio" name="opadre" value="2"/> Labores del Hogar<br> <input type="radio" name="opadre" value="3"/> Dueo de Negocio, Empresa, Despacho o Comercio Estable<br> <input type="radio" name="opadre" value="4"/> Profesor, Investigador<br> <input type="radio" name="opadre" value="5"/> Profesional que ejerce por su cuenta<br> <input type="radio" name="opadre" value="6"/> Obrero<br> <input type="radio" name="opadre" value="7"/> Ganadero, Agricultor o Similar<br> <input type="radio" name="opadre" value="8"/> Campecino, Jornalero, Pescador o Similar<br> <input type="radio" name="opadre" value="9"/> Jubilado o Pensionado<br> <input type="radio" name="opadre" value="10"/> Funcionario o Gerente de empresa privada<br> <input type="radio" name="opadre" value="11"/> Funcionario de empresa publica<br> <input type="radio" name="opadre" value="12"/> Empleado, Oficinista o Secretaria de empresa privada<br> <input type="radio" name="opadre" value="13"/> Empleado, Oficinista o Secretaria de empresa publica<br> <input type="radio" name="opadre" value="14"/> Trabajador de Oficio con Personal a su Cargo<br> <input type="radio" name="opadre" value="15"/> Vendedor en Comercio o empresa<br> <input type="radio" name="opadre" value="16"/> Vendedor por su cuenta o ambulante<br> <input type="radio" name="opadre" value="17"/> Peon, Ayudante, Mozo o Empleada domestica<br> <input type="radio" name="opadre" value="18"/> Miembro de las Fuerzas armadas<br> <input type="radio" name="opadre" value="19"/> Otro <input type="text" name="oopadre" onkeyup="mayus(this);" size="30" maxlength="30" value="Especifique" /> </td> </tr> <tr> <td valign="top"><b>Ocupacion de la Madre</b></td> <td><input type="radio" name="omadre" value="1" checked/> No lo se<br /> <input type="radio" name="omadre" value="2"/> Labores del Hogar<br> <input type="radio" name="omadre" value="3"/> Dueo de Negocio, Empresa, Despacho o Comercio Estable<br> <input type="radio" name="omadre" value="4"/> Profesor, Investigador<br> <input type="radio" name="omadre" value="5"/> Profesional que ejerce por su cuenta<br> <input type="radio" name="omadre" value="6"/> Obrero<br> <input type="radio" name="omadre" value="7"/> Ganadero, Agricultor o Similar<br> <input type="radio" name="omadre" value="8"/> Campecino, Jornalero, Pescador o Similar<br> <input type="radio" name="omadre" value="9"/> Jubilado o Pensionado<br> <input type="radio" name="omadre" value="10"/> Funcionario o Gerente de empresa privada<br> <input type="radio" name="omadre" value="11"/> Funcionario de empresa publica<br> <input type="radio" name="omadre" value="12"/> Empleado, Oficinista o Secretaria de empresa privada<br>

    <input type="radio" name="omadre" value="13"/> Empleado, Oficinista o Secretaria de empresab publica<br> <input type="radio" name="omadre" value="14"/> Trabajador de Oficio con Personal a su Cargo<br> <input type="radio" name="omadre" value="15"/> Vendedor enComercio o empresa<br> <input type="radio" name="omadre" value="16"/> Vendedor por su cuenta o ambulante<br> <input type="radio" name="omadre" value="17"/> Peon, Ayudante, Mozo o Empleada domestica<br> <input type="radio" name="omadre" value="18"/> Miembro de las Fuerzas armadas<br> <input type="radio" name="omadre" value="19"/> Otro <input type="text" name="oomadre" onkeyup="mayus(this);" size="30" maxlength="30" value="Especifique" /></td> </tr> <tr> <td><b>De quien dependes economicamente?</b></td> <td><select name="depende" size="1"> <option value="1" selected>Padre y Madre</option> <option value="2">Padre y Madre y Yo mismo</option> <option value="3">Padre</option> <option value="4">Padre y Yo mismo</option> <option value="5">Madre</option> <option value="6">Madre y Yo mismo</option> <option value="7">Hermanos</option> <option value="8">Hermanos y Yo mismo</option> <option value="9">Conyuge o Pareja</option> <option value="10">Conyuge o Pareja y Yo mismo</option> <option value="11">Otro Familiar o Amigo</option> <option value="12">Yo mismo</option> <option value="13">Otro</option> </select></td> </tr> <tr> <td><b>La Casa donde vives es:</b></td> <td><select name="casa" size="1"> <option value="1" selected>Propia</option> <option value="2">Rentada</option> <option value="3">Prestada</option> <option value="4">Se esta pa gando</option> <option value="5">Otra</option> </select></td> </tr> </table> </fieldset> <br> <fieldset> <legend>Datos de Emergencia</legend> <br> En caso de emergencia con quien nos podemos comunicar?<br> <input type="text" name="llamadaemergencia" size="45"/><br> <br> Tipo de Sangre: <select name="tsanguineo" size="1"> <option value="O+" selected>O+</option> <option value="A+">A+</option> <option value="B+">B+</option> <option value="O-">O-</option> <option value="A-">A-</option> <option value="AB+">AB+</option>

    <option value="B-">B-</option> <option value="AB-">AB-</option> </select> <br> <br> Domicilio :<br> <table> <tr> <td><b>Calle</b></td> <td><input type="text" name="edcalle" size="40"/></td> </tr> <tr> <td><b>Numero</b></td> <td><input type="text" name="ednumero" size="10"/></td> </tr> <tr> <td><b>Colonia</b></td> <td><input type="text" name="edcolonia" size="40"/></td> </tr> <tr> <td><b>C.P.</b></td> <td><input type="text" size="10" maxlength="6" name="edcp"/></td> </tr> <tr> <td><b>Municipio</b></td> <td><input type="text" name="edefmuni"/></td> </tr> <tr> <td><b>Estado</b></td> <td><select name="edefedo"> <option value="01">Aguascalientes</option> <option value="02">Baja California</option> <option value="03">Baja California Sur</option> <option value="04">Campeche</option> <option value="05">Coahuila</option> <option value="06">Colima</option> <option value="07">Chiapas</option> <option value="08">Chihuahua</option> <option value="09">Distrito Federal</option> <option value="10">Durango</option> <option value="11">Guanajuato</option> <option value="12">Guerrero</option> <option value="13">Hidalgo</option> <option value="14">Jalisco</option> <option value="15">Edo. de Mexico</option> <option value="16">Michoacan</option> <option value="17" selected="selected">Morelos</option> <option value="18">Nayarit</option> <option value="19">Nuevo Leon</option> <option value="20">Oaxaca</option> <option value="21">Puebla</option> <option value="22">Queretaro</option> <option value="23">Quintana Roo</option> <option value="24">San Luis Potosi</option> <option value="25">Sinaloa</option> <option value="26">Sonora</option> <option value="27">Tabasco</option> <option value="28">Tamaulipas</option> <option value="29">Tlaxcala</option> <option value="30">Veracruz</option> <option value="31">Yucatan</option> <option value="32">Zacatecas</option> <option value="33">Extranjero</option>

    </select></td> </tr> <tr> <td><b>Telefono</b></td> <td><input type="text" name="eladaemergencia" size="4" maxlength="3"/> <input type="text" name="enumeroemergencia" size="9" maxlength="7"/></td> </tr> <tr> <td><b>Lugar de Trabajo</b></td> <td><input type="text" name="eltrabajo" size="30" maxlength="30"/></td> </tr> <tr> <td><b>Telefono de Trabajo</b></td> <td><input type="text" name="etladaemergencia" size="4" maxlength="3"/> <input type="text" name="etnumeroemergencia" size="9" maxlength="7"/></td> </tr> </table> </fieldset> </p> <p align="center"><input TYPE="submit" VALUE="Click Aqui para Guardar Ficha e Imprimir"></p> </form> </body> </html>

    Ahora debemos modificar la lnea:


    <form action="procesa.jsp" method="POST" target="_blank">

    A:
    <form action="/context_del_proyecto/procesa.jsp" method="POST" target="_blank">

    En este caso se modific de la siguiente manera:


    <form action="/dawi_pr3/procesa.jsp" method="POST" target="_blank">

    Este cdigo al ser ejecutado nos genera como respuesta o resultado lo siguiente.

    Ahora tenemos que crear un archivo JSP llamado procesa.jsp en el directorio del proyecto. En el cual desarrollaremos el cdigo que nos permita obtener los parmetro del formulario anterior y mostrar en pantalla los valores obtenidos. Como se muestra a continuacin:

    <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>JSP Page</title> </head> <body>

    <%
    final final final final final final final final final final final final final final final final final final final final final final String Nombre = request.getParameter("nombre"); String ApeP= request.getParameter("ap"); String ApeM = request.getParameter("am"); String NC = request.getParameter("nc"); String[] Carr = request.getParameterValues((String)"opc1"); String[] OcuP = request.getParameterValues((String)"opadre"); String[] OcuM = request.getParameterValues((String)"omadre"); String[] Dep = request.getParameterValues((String)"depende"); String[] Vive = request.getParameterValues((String)"casa"); String Emer = request.getParameter("llamadaemergencia"); String SanTip = request.getParameter("tsanguineo"); String Calle = request.getParameter("edcalle"); String Num = request.getParameter("ednumero"); String Col = request.getParameter("edcolonia"); String Cp = request.getParameter("edcp"); String Muni = request.getParameter("edefmuni"); String[] Edo = request.getParameterValues((String)"edefedo"); String Tlada = request.getParameter("etladaemergencia"); String TelEme = request.getParameter("etnumeroemergencia"); String LTrab = request.getParameter("eltrabajo"); String LadaTrab = request.getParameter("etladaemergencia"); String TelTrab = request.getParameter("etnumeroemergencia");

    out.println("Datos Socioecnomicos"+"<BR><BR>"); out.println("Nombre: " + Nombre +"<BR>"); out.println("Apellido Paterno: " + ApeP +"<BR>"); out.println("Apellido Materno: " + ApeM +"<BR>"); out.println("No. de Control: " + NC +"<BR>"); out.println("Carrera: " + Carr[0] +"<BR>"); out.println("Ocupacion del Padre: " + OcuP[0] +"<BR>"); out.println("Ocupacion de la Madre: " + OcuM[0] +"<BR>"); out.println("Depende de: " + Dep[0] +"<BR>"); out.println("La casa donde vive es: " + Vive[0] +"<BR>"); out.println("En caso de emergencia llamar a: " + Emer +"<BR>"); out.println("Tipo de SAngre: " + SanTip +"<BR>"); out.println("Calle: " + Calle +"<BR>"); out.println("Numero: " + Num +"<BR>"); out.println("Colonia: " + Col +"<BR>"); out.println("C.P.: " + Cp +"<BR>"); out.println("Municipio: " + Muni +"<BR>"); out.println("Estado: " + Edo[0] +"<BR>"); out.println("Telefono: " + Tlada +"-"+ TelEme+"<BR>"); out.println("Lugar de Trabajo : " + LTrab +"<BR>"); out.println("Telefono del Trabajo : " + LadaTrab +"-"+ TelTrab); %> </body> </html>

    Donde podemos observar que declaramos una variable de tipo String por cada elemento del formulario que nos proporciona un valor, posteriormente a cada variable se le asigna un mtodo request.getParameter() y request.getParameterValues() los cual nos devuelven el contenido o valor

    que tiene en ese momento el elemento del formulario en cuestin. Posteriormente solo se manda a imprimir en pantalla todas las variables que declaramos para mostrar la informacin. Esto nos da como resultado lo siguiente:

    You might also like