📍Practica 16: 👨‍💻Spring MVC 4.3.29, Trabajo con method=RequestMethod.GET y method= RequestMethod.POST, Anotaciones @Controller y @RequestMapping

Bienvenidos en la presente publicación del Blog UN PROYECTO SPRING MVC , se trabajará con spring framework version 4.3.29 MVC, con el IDE apache Netbeans version 12.5.

Objetivo del Proyecto Trabajar con formulario en el JSP, method = RequestMethod.GET y method = RequestMethod.POST, Cargar datos en el JSP Automatico por defecto, PERMITIR ingresar al usuario nombre, correo  y edad, al enviar esos datos deben ser capturados y Mostrardos en JSP.

Pasos:

1. Crear el Proyecto Spring MVC.
2. Crear la clase controlador y clase pojo
3. Implementar el codigo del controlador y del pojo.
4. Crear dos Jsp:
1. Para el Formulario del Get
2. Para el Resultado de Post
5. Configuración del Proyecto del Disdispatcher-servlet.xml

CREACIÓN DEL PROYECTO

Comencemos abriendo el IDE y creando nuestro proyecto : NEW PROJECT > SELECCIONAR JAVA WEB > WEB APPLICATION, Presionar Next.

Luego procedemos a indicar el nombre del proyecto y la ubicación donde se almacenará el proyecto.

Siguiendo las indicaciones del IDE seleccionamos el servidor web que deseamos que el proyecto utilice para que se ejecute, version de Java EE y el context path, aunque el context path luego tambien lo podemos modificar.

Configuramos el framework que utilizaremos seleccionamos Spring MVC abajo indicamos que utilizaremos la version que es 4.3.29  y seleccionamos que nos agregue la libreria JSTL para manejo de tags y por ultimo presionamos finish.

Terminando los pasos anterior, el IDE nos creará nuestro proyecto con las configuraciones predeterminadas, si ejecutamos el proyecto claro que ejecutará y nos mostrará un texto que spring implementa por defecto en un JSP.

Proyecto Ejecutado, por primera vez, sin ninguna modificación.

Creación de la Clase Controlador y Clase Pojo

Una vez creado el proyecto ahora nos dirijimos SOURCE PACKAGE,hacemos clic derecho y seleccionamos NEW JAVA CLASS, indicamos el nombre de la clase y tambien el nombre del paquete de lo contendra, por ultimo finish

Tambien creamos una pojo(Clase simple), con sus metodos getter y setter.

Implementamos el Codigo de la clase controlador y del Pojo.

Creado la clase implementamos el codigo de la clase Pojo y del controlador.

Codigo de la Clase Pojo.

package edu.ibero.model; public class Persona { private int id; private String name; private String correo; private int edad; //constructor vacio public Persona() { } //constructor con parametros public Persona(String name, String correo, int edad) { this.name = name; this.correo = correo; this.edad = edad; } //metodos de acceso public String getName() { return name; } public void setName(String name) { this.name = name; } public String getCorreo() { return correo; } public void setCorreo(String correo) { this.correo = correo; } public int getEdad() { return edad; } public void setEdad(int edad) { this.edad = edad; } public int getId() { return id; } public void setId(int id) { this.id = id; } }

Luego implementamos el codigo de la clase Controladora.

Primero agregamos a la clase la anotación @Controller que indica que esta clase va ser un controlador de vistas.

Posterior creamos dos metodos:

    Un metodo de tipo ModelAndView que solo retorna la vista y el contructor de la clase pojo.

    Un segundo Metodo que realizara la captura de los datos enviados.

Luego en la parte superior de los metodos agregamos la anotacion @@RequestMapping(value = "form.htm", method = RequestMethod.GET) y @RequestMapping(value = "form.htm", method = RequestMethod.POST), que nos ayudarán a manejar solicitudes HTTP y solicitudes de tipo POST y GET.

Nota:Los métodos GET y POST se utilizan para enviar los datos al servidor, y la principal diferencia entre ellos es que el método GET añade los datos a la URI definida en el atributo de acción del formulario. Por el contrario, el método POST adjunta datos al organismo solicitado.

package edu.ibero.controller; import edu.ibero.model.Persona; import org.springframework.stereotype.Controller; import org.springframework.ui.ModelMap; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.servlet.ModelAndView; /** * * * @author IBERO */ @Controller public class HomeController { //requesmapping solicitudes web a los métodos de Spring Controller //method indicamos que esta vista debe realizar una peticion GET @RequestMapping(value = "form.htm", method = RequestMethod.GET) public ModelAndView showForm() { //indicamos en el return el nombre de la vista //y cargamos lo valores por defecto desde el contructor de la Clase //tambien no podemos decir que no cargue ningun valor new Persona() return new ModelAndView("form", "command", new Persona("Ricardo Mendoza", "test@gmail.com", 26)); } //requesmapping solicitudes web a los métodos de Spring Controller //method indicamos que esta vista debe realizar una peticion POST @RequestMapping(value = "form.htm", method = RequestMethod.POST) public String resultForm(Persona per, ModelMap model) { //enaviamos los datos capturados del get model.addAttribute("name", per.getName()); model.addAttribute("correo", per.getCorreo()); model.addAttribute("edad", per.getEdad()); //indicamos que se cargue en la vista return "resulForm"; } }

Creación de las Vistas 

Creamos un JSP llamado form ,  agregamos las siguientes lineas de codigo: Este JSP manejara las solicitudes GET.

<%@page contentType="text/html" pageEncoding="UTF-8"%> <%@taglib prefix="form" uri="http://www.springframework.org/tags/form"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Formulario de Spring</title> </head> <body > <div> <h1>Formulario</h1> <form:form> <p> <form:label path="name"> Nombre del Usuario</form:label> <form:input path="name"/> </p> <p> <form:label path="correo"> E-mail del Usuario</form:label> <form:input path="correo"/> </p> <p> <form:label path="edad"> Edad de Usuario</form:label> <form:input path="edad"/> </p> <hr> <form:button class="btn btn-dark">Procesar</form:button> </form:form> </div> </body> </html>

Luego creamos un JSP para el manero de las solicitud POST, que se encargara recibir los datos.

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Resultado del Formulario</title> </head> <body> <h1>Datos capturados</h1> <ul> <li>Nombre : <c:out value="${name}"/></li> <li>E-mail : <c:out value="${correo}"/></li> <li>Edad : <c:out value="${edad}"/></li> </ul> </body> </html> }

Configuración del Proyecto del Disdispatcher-servlet.xml

Ahora nos dirijimos al archivo de configuración del proyecto y agregamos las siguientes lineas de bean.

agregamos el controllerclassnamehandlermapping que nos ayuda al mapeo de las url de las vistas.

<bean class="org.springframework.web.servlet.mvc.support.ControllerClassNameHandlerMapping"/>

Luego agregamos otro bean donde indicamos la ruta del controlador y indicamos un alias o nombre del bean.

<!---CLASS="RUTA : PAQUETE DE LA CLASE Y NOMBRE DE LA CLASE"--> <bean name="homeController" class="edu.ibero.controller.HomeController"/>

Ultimo Agregamos en el URLMAPPING el prop key de la vista creada.

<!---EN URLMAPPING AGRAGAMOS--> <prop key="form.htm">homeController</prop>

Nota : pueden trabajar con el index por defecto o pueden crear un nuevo JSP, es decisión del programador y su forma de trabajo.

Ejecutamos el Proyecto y vemos que se nos levanta el proyecto y nos muestra el index, pero si cambiamos de index.html a form.htm vemos que nos carga la vista del formulario.

VISTA POR DEFECTO 

VISTA CREADO POR NOSOTROS

Al modificar los valores por defecto, y presionamos el boton procesar se cargara el segundo JSP que muestra los datos enviados, tal como se muestra en la imagen.

En la proxima publicación tengo pensado IMPLEMENTAR un proyecto con conexion a la base de datos MYSQL desde una clase, y trabajar con JDBCTemplate- Realizando CRUD en la Base de Datos desde Java Spring Web↗