Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Arquitectura MVC
Interacción entre el Modelo, la Vista y el Controlador.
●
Uso de librerías para crear elementos gráficos.
●
Distribución de la aplicación en tres capas.
Objetivo
●
Estudiantes principiantes en Java requieren constante
asesoría para comprender y aplicar el patrón MVC.
Alternativas Posibles
●
Conocer las convenciones internacionales
de Java emanadas por Oracle (Ingles).
●
Investigar, conocer y aplicar las normas
de escritura de programas en Java.
Recomendaciones
●
La primera alternativa es muy recomendada.
●
En el próximo tutorial veremos la interacción
con base de datos bajo el patrón MVC, no se lo
pueden perder.
Ejemplo Swing de Java y MVC
Interfáz Gráfica de Usuario (GUI)
Descripción General
●
La Vista recibe datos por parte del usuario.
●
Reacciona ante la ocurrencia de un evento.
●
Hace el llamado al Controlador.
●
El Controlador escucha el evento.
●
Transfiere la solicitud al Modelo.
●
El Modelo procesa datos y retorna la información al
Controlador y éste le informa a la Vista para que los
muestre como resultado al usuario.
Arquitectura MVC Básica
VISTA CONTROLADOR
Solamente Conecta la Vista
Componentes y al Modelo
Gráficos
MODELO
Base de Datos
Lógica
Idea Global
Introducción:
La arquitectura MVC se usa para separar el la Vista del
Modelo que interactúan entre sí mediante un
comunicador común entre ambos llamado Controlador.
Tutorial:
Nuestra aplicación se llamará: "Sumar dos números",
la misma será usada para mostrar la arquitectura MVC y
es por tanto que se dividirá este programa en cuatro
partes.
Clases de la Aplicación
●
Modelo: ClaseModelo.
●
Vista: ClaseVista.
●
Controlador: ClaseControlador.
●
Inicializadora: ClasePrincipal.
La Vista Parte 1
Importar Librerías:
import java.awt.Container;
import java.awt.FlowLayout;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JTextField;
La Vista Parte 2
Definición de clase:
public ClaseVista()
{
La Vista Parte 5
Definiendo el contenedor:
bloqueContenedor = getContentPane();
setTitle("Calculadora MVC");
setLayout(new FlowLayout());
setSize(220,200);
La Vista Parte 6
Definiendo cada componente:
etiquetaNumero1 = new JLabel("Numero 01: ");
cajaDeTextoNumero1 = new JTextField("", 10);
bloqueContenedor.add(etiquetaNumero1);
bloqueContenedor.add(cajaDeTextoNumero1);
bloqueContenedor.add(etiquetaNumero2);
bloqueContenedor.add(cajaDeTextoNumero2);
bloqueContenedor.add(etiquetaResultado);
bloqueContenedor.add(cajaDeTextoResultado);
bloqueContenedor.add(botonSumar);
La Vista Parte 9
Hacemos que el contenedor sea visible:
setVisible(true);
}
}
El Controlador Parte 1
Importamos Librerías:
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
El Controlador Parte 2
Definimos la clase:
public class ClaseControlador implements ActionListener
{
El Controlador Parte 3
Declaramos dos objetos nuevos:
return (resultado);
}
}
La Clase Principal Parte 1
Definimos la clase:
Calculadora MVC: