Tecnológico de Estudios Superiores
de Ecatepec
División de Ingeniería en Sistemas
Computacionales
Asignatura: Programación Web
Modelo vista Profesora: Estela Martínez Cruz
Grupo: 5551
controlado en Fecha de entrega: 18 de
septiembre del 2025
Tarea: Exposición Primer Parcial
java Presentan:
• Garrido Arzate Ángel Eduardo
• Lira Mendieta José Antonio
• Méndez Salazar Marco Antonio
• Toxtle Galicia Eduardo
¿Qué es el Modelo Vista Controlador
(MVC)?
El patrón Modelo-
Vista-Controlador
Cada parte tiene una Modelo: gestiona los
(MVC) es una forma de
función específica: datos y la lógica.
organizar el código en
capas separadas.
Controlador: conecta la
Vista: muestra la Vista con el Modelo y
información al usuario. maneja las acciones del
usuario.
¿Por qué se usa en Java?
En Java, el patrón MVC se utiliza para
mantener el código limpio y modular.
Separa la lógica de negocio de la interfaz
gráfica (Swing, JavaFX, etc.).
Esto facilita el mantenimiento, la reutilización
del código y el trabajo en equipo.
El Modelo
El Modelo contiene los datos y la lógica de
negocio.
Ejemplo: en una calculadora, el modelo
realiza las operaciones matemáticas.
No conoce la interfaz gráfica ni cómo se
muestran los datos.
La Vista muestra la información
al usuario y recibe sus acciones
(botones, texto, etc.).
En Java, normalmente se
implementa con Swing o
La Vista JavaFX.
No realiza cálculos ni lógica:
solo muestra lo que el
Controlador le indica.
El Controlador actúa como
intermediario entre la Vista y
el Modelo.
Recibe las acciones del usuario
El desde la Vista, actualiza el
Controlador Modelo y refresca la Vista.
Es la capa que coordina todo
el flujo de información.
Diagrama del patrón MVC
[Usuario]
[Vista ↔ Controlador]
↓ ↑
[Modelo]
El usuario interactúa con la Vista → El Controlador procesa la acción → El Modelo cambia
datos → La Vista se actualiza.
Ejemplo
en Java
– Clase
Modelo
• ```java
• import [Link].*;
• public class VistaCalculadora extends JFrame {
• JTextField txtA = new JTextField(5);
• JTextField txtB = new JTextField(5);
• JButton btnSumar = new JButton("Sumar");
• JLabel lblResultado = new JLabel("Resultado: ");
Ejemplo en •
•
public VistaCalculadora() {
JPanel panel = new JPanel();
Java – Clase •
•
[Link](txtA);
[Link](txtB);
Vista • [Link](btnSumar);
• [Link](lblResultado);
• add(panel);
• }
• }
• ```
• Esta clase muestra los componentes gráficos al
usuario.
• ```java
• import [Link].*;
• public class ControladorCalculadora {
• private VistaCalculadora vista;
• private ModeloCalculadora modelo;
• public ControladorCalculadora(VistaCalculadora v,
Ejemplo en •
ModeloCalculadora m) {
[Link] = v;
Java – Clase •
•
[Link] = m;
[Link](new ActionListener() {
• public void actionPerformed(ActionEvent e) {
Controlador •
•
double a = [Link]([Link]());
double b = [Link]([Link]());
• double r = [Link](a, b);
• [Link]("Resultado: " + r);
• }
• });
• }
• }
• ```
• El controlador coordina la interacción entre Vista y Modelo.
Ventajas, desventajas y conclusión
• ✅Ventajas:
• - Código más ordenado y modular.
• - Fácil mantenimiento y pruebas.
• - Reutilización de componentes.
• ⚠️Desventajas:
• - Mayor complejidad en proyectos pequeños.
• 💡Conclusión:
• El patrón MVC en Java permite desarrollar aplicaciones estructuradas,
separando la lógica, la vista y el control, lo que mejora la organización y
facilita el trabajo en equipo.