MVC en JSP (Architectura)

¿Qué es MVC?

MVC significa Modelo-Vista-Controlador. Es un patrón de diseño de software que separa una aplicación en tres capas interconectadas: lógica de negocio, presentación y datos. En MVC:

• M significa Modelo
• V significa Vista
• C significa Controlador

MVC es una metodología sistemática para construir aplicaciones donde el flujo comienza en la capa de Vista. El usuario realiza la solicitud, que se procesa en la capa de Controlador y se envía a la capa de Modelo para insertar u obtener datos. El Modelo devuelve una respuesta de éxito o fracaso que la Vista muestra al usuario. El diagrama de la arquitectura MVC se representa a continuación:

¿Por qué usar MVC? Archi¿Tectura en JSP?

Antes de saltarping Para entender cómo funciona MVC en JSP, es útil comprender por qué los desarrolladores adoptan este patrón. Mezclar lógica de negocio, llamadas a la base de datos y HTML dentro de una sola página JSP produce rápidamente código espagueti difícil de mantener. MVC soluciona esto al asignar a cada aspecto su propia capa:

• Code Resulta más fácil de leer porque cada archivo tiene una única responsabilidad.
• Los equipos pueden trabajar en la Vista, el Controlador y el Modelo en paralelo sin conflictos.
• Las pruebas unitarias se dirigen directamente al modelo, sin modificar la representación JSP.
• Intercambio ping Crear una vista JSP para una respuesta JSON o un motor de plantillas diferente es sencillo.

Cómo funciona MVC en JSP

En una aplicación MVC basada en JSP, cada capa se asigna a una función específica. Java tecnología. Los archivos JSP renderizan la Vista, un Servlet actúa como Controlador y JavaLos beans encapsulan el modelo. Las secciones siguientes explican las responsabilidades de cada capa.

Capa de modelo

• Esta es la capa de datos que contiene la lógica de negocio del sistema.
• Consta de todos los datos de la aplicación.
• También representa el estado de la aplicación.
• Está construido a partir de JavaBeans o POJOs que se conectan a la base de datos de CRISPR Medicine News.
• El controlador se comunica con el modelo para obtener los datos y los reenvía a la capa de vista.
• El modelo se conecta a la base de datos y almacena los datos en ella.

Ver capa

• Esta es la capa de presentación de la aplicación.
• Consta de HTML, JSP, CSS y JavaGuión.
• Normalmente, muestra la interfaz de usuario de la aplicación.
• Muestra los datos que se obtienen del controlador, que a su vez obtiene datos de las clases de la capa del modelo.
• La capa de vista muestra los datos en la interfaz de usuario de la aplicación sin contener lógica de negocio.

Capa controladora

• Actúa como una interfaz entre Vista y Modelo.
• Intercepta todas las solicitudes que provienen de la capa de vista.
• Recibe las solicitudes de la capa de vista, las procesa y realiza la validación de la solicitud.
• La solicitud se envía a la capa del modelo para su procesamiento. Una vez procesada, el modelo devuelve el resultado al controlador con la información requerida, que la vista muestra posteriormente.

Ventajas de MVC Architectura

Las ventajas de MVC son:

• Mantenimiento fácil
• Fácil de extender
• Fácil de probar
• El control de navegación está centralizado.
• El acoplamiento flexible entre capas hace que la refactorización sea más segura.
• Es posible el desarrollo en paralelo por parte de varios miembros del equipo.

Ejemplo de diseño de aplicaciones JSP con MVC Architectura

En este ejemplo, vamos a mostrar cómo utilizar la arquitectura MVC en una aplicación JSP.

• Tomaremos como ejemplo un formulario con dos variables, "correo electrónico" y "contraseña", que representan nuestra capa de vista.
• Una vez que el usuario ingresa su correo electrónico y contraseña y hace clic en Enviar, la acción se pasa a Mvc_servlet, donde se le pasan el correo electrónico y la contraseña.
• Mvc_servlet es la capa del controlador. Aquí, en Mvc_servlet, la solicitud se envía al objeto bean, que actúa como la capa del modelo.
• Los valores de correo electrónico y contraseña se establecen en el bean y se almacenan para su uso posterior.
• Desde el bean, se obtiene el valor y se muestra en la capa de vista.

Mvc_example.jsp (Vista)

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>MVC Guru Example</title>
</head>
<body>
<form action="Mvc_servlet" method="POST">
Email: <input type="text" name="email">
<br />
Password: <input type="text" name="password" />
<input type="submit" value="Submit" />
</form>
</body>
</html>

Explicación del código:

Ver capa:

Code Línea 10-15: Aquí estamos utilizando un formulario con dos campos como parámetros, "correo electrónico" y "contraseña". Esta solicitud debe enviarse a un controlador, Mvc_servlet.java, que se especifica en el atributo action. El método HTTP utilizado es POST.

Mvc_servlet.java (Controlador)

package demotest;

import java.io.IOException;

import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class Mvc_servlet
 */
public class Mvc_servlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

    /**
     * @see HttpServlet#HttpServlet()
     */
    public Mvc_servlet() {
        super();
        // TODO Auto-generated constructor stub
    }


	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		String email=request.getParameter("email");
        String password=request.getParameter("password");

        TestBean testobj = new TestBean();
        testobj.setEmail(email);
        testobj.setPassword(password);
        request.setAttribute("gurubean",testobj);
        RequestDispatcher rd=request.getRequestDispatcher("mvc_success.jsp");
        rd.forward(request, response);
	}

}

Explicación del código:

Capa de controlador:

Code Línea 14: Mvc_servlet extiende HttpServlet.

Code Línea 26: Como el método utilizado es POST, la solicitud entra en el método doPost del Servlet, que procesa la solicitud y la guarda en el objeto bean como testobj.

Code Línea 34: Utilizando el objeto de solicitud, estamos configurando el atributo “gurubean” al que se le asigna el valor de testobj.

Code Línea 35: Aquí estamos utilizando el objeto RequestDispatcher para reenviar el mensaje de éxito a mvc_success.jsp.

TestBean.java (Modelo)

package demotest;

import java.io.Serializable;

public class TestBean implements Serializable{

	public String getEmail() {
		return email;
	}
	public void setEmail(String email) {
		this.email = email;
	}
	public String getPassword() {
		return password;
	}
	public void setPassword(String password) {
		this.password = password;
	}
	private String email="null";
	private String password="null";


}

Explicación del código:

Capa de modelo:

Code Línea 7-17: Contiene los métodos getter y setter de email y password, que son miembros de la clase TestBean.

Code Línea 19-20: Define el correo electrónico y la contraseña de los miembros, de tipo String, en la clase bean.

Mvc_success.jsp (Vista de resultados)

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    <%@page import="demotest.TestBean"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Guru Success</title>
</head>
<body>
<%
TestBean testguru=(TestBean)request.getAttribute("gurubean");
out.print("Welcome, "+testguru.getEmail());
%>
</body>
</html>

Explicación del código:

Code Línea 12: Estamos recuperando el atributo utilizando el objeto de solicitud que se estableció en el método doPost del Servlet.

Code Línea 13: Estamos imprimiendo el mensaje de bienvenida y la dirección de correo electrónico que se ha guardado en el objeto bean.

Resultado

Cuando ejecuta el código anterior, obtiene el siguiente resultado:

Al abrir mvc_example.jsp, aparece el formulario con los campos de correo electrónico y contraseña, y el botón de enviar.

Una vez que ingrese su correo electrónico y contraseña en el formulario y haga clic en Enviar:

Tras hacer clic en Enviar, el resultado se muestra a continuación:

Al introducir el correo electrónico y la contraseña en la pantalla y hacer clic en Enviar, los datos se guardan en TestBean. Desde TestBean, se recuperan en la siguiente pantalla para mostrar el mensaje de éxito. JSP desempeña el papel de presentar los datos y proporcionar la Vista, mientras que el Servlet actúa como el Controlador y el JavaBean actúa como el Modelo. La lógica de negocio principal se encuentra en la capa del Modelo.

Preguntas Frecuentes