FormularioWebconMVC Java

DEPARTAMENTO DE CIENCIAS DE LA COMPUTACIÓN
CARRERA: INGENIERÍA EN SISTEMAS E INFORMATICA
OCTAVO SEMESTRE
APLICACIONES DISTRIBUIDAS
NRC: 3740
AUTORES:
ANDRADE JUAN
CUICHAN CRISTHIAN
PROFESOR:
ING. MAURICIO CAMPAÑA
SANGOLQUI – ECUADOR
Abril – Agosto
2018
Tutorial
Formulario Web con MVC Java.
1. Empezamos Iniciando el servidor que en este caso es Payara, para que así podamos
ejecutar nuestra aplicación web
2. Una vez iniciado el servidor procedemos a crar nuestra aplicación, por lo cual
seleccionamos Java Web  Web Aplication
3. Colocamos un nombre para nuestra aplicación, y la ubicación que este presenta, es
recomendable ubicar a nuestro proyecto dentro del disco local, para que exista una
mayor facilidad al acceder a nuestro proyecto.
4. Seleccionamos el servidor con el cual nuestro programa va a funcionar, en este caso

será Payara
5. Damos click en Siguiente para seguir construyendo nuestra aplicación, en este caso
nos aparecerá los distintos Frameworks que NetBeans nos ofrece, pero en este caso
no seleccionaremos ningún Frameworks, solo en el caso de estudio propuesto.
6. Tendremos 3 paquetes en nuestro ejemplo, el Modelo, Vista y Controlador. Que nos

permitirán ejecutar nuestra aplicación desde un modelo de dsarrollo.
7. En el Paquete Vista, tendremos nuestro dos formulario JSP, los cuales nos podrán ver
como quedara nuestra aplicación, en las cuales programaremos lo siguiente
Codigo Index.jsp
<%--
Document : index
Created on : 19-abr-2018, 18:08:28
Author : crist
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-
8">
<title>Encuesta entre Desarrolladores</title>
</head>
<body>
<h1>Bievenido a la encuesta para desarrolladores</h1>
<p>Indica los lenguajes de programación con los que estas
familiarizado</p>
<form action="ServletController" method="post">
<table border="0">
<tbody>
<tr>
<td>Nombre Completo</td>
<td><input type="text" name="nombreCompleto"
value="" /></td>
</tr>
<tr>
<td>Java</td>
<td><input type="checkbox" name="progLeng"
value="java" /></td>
</tr>
<tr>
<td>PHP</td>
value="Php" /></td>
</tr>
<tr>
<td>Ruby</td>
value="Ruby" /></td>
</tr>
<tr>
<td>Python</td>
value="python" /></td>
</tr>
<tr>
<td>C#</td>
value="c#" /></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Enviar" /></td>
</tr>
</tbody>
</table>
</form>
</body>
</html>
Codigo Salida.jsp
<%--
Document : salida.jsp
Created on : 19-abr-2018, 18:24:42
Author : crist
--%>
<%@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>
<h2>Gracias por cubrir nuestra encuesta</h2>
<p>
<jsp:getProperty name="DatosEncuesta"
property="nombreCompleto" />
Nos han indicado que tu estás familiarizado con los siguientes

lenguajes de programación:
<jsp:useBean id="DatosEncuesta" scope="request"
class="com.videotutoriales.primera.modelo.DatosEncuesta" />
</p>
<ul>
<%
//String[]
lenguajesSeleccionados=request.getParameterValues("progLeng");
String[] lenguajesSeleccionados=
DatosEncuesta.getProgLeng();
if(lenguajesSeleccionados!=null){
for (int i = 0; i <
lenguajesSeleccionados.length; i++) {
%>
<li>
<%=lenguajesSeleccionados[i]%>
</li>
<%}
}
%>
</ul>
</body>
</html>
8. Se va a crear un servlet el cual hara la parte de controlador de nuestra aplicación
9. Aparece el siguiente wizard, donde se ingresa el nombre de la clase para el servlet y el

paquete que lo contendrá
10. Pasamos la siguiente pantalla del wizard, dónde si es necesario y el sevlet lo requiere se
añadirán parámetros
11. Modificaremos el código del Servelet hacia el nuestro, que nos permitirá realizar el
proceso de control dentro de nuestro programa.
12. El método processRequest recibe una consulta HttpGet o HttpPost desde el navegador,
ete método toma una instancia del paquete
13. Y otra instancia que pertenece al paquete. El método Get o Post se heredan de la clase
javax.servlet.http.HttpServlet, esta clase es la clase padre de todos los servlets en una
aplicación java
14. Ahora se tienen que incorporar las modificaciones en la plantilla que ha agregado
NetBeans, en el servlet que se acaba de crear. La aplicación cuenta con una página con
código exclusivamente HTML
15. Las datos enviados por el HTTPRequest los va a recibir el JavaBeans o sea el modelo que
será el encargado de recibir los datos y pasárselos al controlador cuando este se los pida.
El JavaBeans será el encargado de ponerse en contacto con la Base Datos y llevar a cabo
las consultas y peticiones que sean necesarias.
16. El Session Bean se crea, y es necesario eliminar todo los valores y se va a empezar a
incluir el código que va a tener dos propiedades privadas y los métodos get y set que
son los que le van a permitir al servlet acceder a los datos
public class DatosEncuesta {
private String nombreCompleto;
private String[] progLeng;
public String getNombreCompleto() {

return nombreCompleto;
}
public void setNombreCompleto(String nombreCompleto) {

this.nombreCompleto = nombreCompleto;
}
public String[] getProgLeng() {

return progLeng;
}
public void setProgLeng(String[] progLeng) {

this.progLeng = progLeng;
}
// Add business logic below. (Right-click in editor and choose

// "Insert Code > Add Business Method"
}
17. Debemos incluir en los formularios, el JavaBean
18. Creado el JavaBean ahora si se va a empezar a modificar el servlet en el método

processRequest
19. Se debe modificar la página index.jsp, empezamos cambiando el atributo action del
formulario
20. Ahora se deben realizar cambios en el formulario salida.jsp, se va a añadir una etiqueta
JSP UseBean
21. Se cambia la expresión JSP que recupera el parámetro de consulta. Selecciona el código
que tenía y en la paleta GetBeanProperty
22. Corremos nuestra aplicación para visualizar
23. Vemos como aparece nuestro formulario Index.aspx

24. Completamos los campos y verificamos el funcionamiento

FormularioWebconMVC Java

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

FormularioWebconMVC Java

Uploaded by

Copyright:

Available Formats

DEPARTAMENTO DE CIENCIAS DE LA COMPUTACIÓN

CARRERA: INGENIERÍA EN SISTEMAS E INFORMATICA

4. Seleccionamos el servidor con el cual nuestro programa va a funcionar, en este caso

6. Tendremos 3 paquetes en nuestro ejemplo, el Modelo, Vista y Controlador. Que nos

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

Nos han indicado que tu estás familiarizado con los siguientes

9. Aparece el siguiente wizard, donde se ingresa el nombre de la clase para el servlet y el

public String getNombreCompleto() {

public void setNombreCompleto(String nombreCompleto) {

public String[] getProgLeng() {

public void setProgLeng(String[] progLeng) {

// Add business logic below. (Right-click in editor and choose

18. Creado el JavaBean ahora si se va a empezar a modificar el servlet en el método

22. Corremos nuestra aplicación para visualizar

23. Vemos como aparece nuestro formulario Index.aspx

You might also like