Revista Informática

Ejemplo Modelo Vista Controlador

Publicado el 23 junio 2013 por Cristian David Henao Hoyos @chenaooo
Ejemplo Modelo Vista ControladorEn la entrada sobre patrones de Diseño se habla sobre el patrón MVC, en esta oportunidad vamos explicar un ejemplo practico donde se aplica este modelo mostrando la forma de independizar los componentes de nuestro sistema, además lo  combinaremos con los patrones DAO y VO para facilitar el manejo de la información.
Por cuestiones de tamaño no vamos a hacer la aplicación paso a paso, pero si se explicará la lógica de la misma, al final se presenta una opción de descarga del código fuente donde veremos la aplicación en funcionamiento.
El problema.
Se solicita desarrollar un sistema de administración de usuarios con un CRUD (Create, Read, Update, Delete) básico  nos advierten que la aplicación es un prototipo inicial el cual esta propenso a cambios, pues aún no se tienen definidas las ventanas con las que se va a trabajar ni la información requerida, por le momento se trabajará con una BD MySql, pero posiblemente se tenga que migrar a otro sistema gestor....

La solución.


Se aplica el MVC permitiendo independizar la lógica y la parte visual del sistema usando para eso un controlador que administra los procesos sirviendo como puente entre estos.
para la BD se usa MySql, reutilizando la BD creada en el ejemplo de conexión con Java, el Scritp es el siguiente.
CREATE DATABASE /*!32312 IF NOT EXISTS*/`codejavu` /*!40100 DEFAULT CHARACTER SET latin1 */;
USE `codejavu`;
/*Table structure for table `persona` */
DROP TABLE IF EXISTS `persona`;
CREATE TABLE `persona` (
`id` int(10) NOT NULL,
`nombre` varchar(30) default NULL,
`edad` int(3) default NULL,
`profesion` varchar(30) default NULL,
`telefono` decimal(10,0) default NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
/*Data for the table `persona` */
De esta forma se crea la Base de Datos a la que se va a apuntar, la cual contiene solo una tabla Persona con la que se realizan todas las operaciones CRUD.
El diagrama de clases de nuestro sistema es:Ejemplo Modelo Vista ControladorComo vemos tenemos la parte visual compuesta por las clases VentanaPrincipal, VentanaRegistro, VentanaBuscar, la lógica de negocio se establece en el modelo el cual se compone por la clase Logica y Conexión y aplicamos los patrones DAO y VO por medio de las clases PersonaDao y PersonaVo y por ultimo el controlador se define en la clase Coordinador, encargada de establecer todas las relaciones del sistema, la clase Principal prepara las instancias iniciales del sistema y posteriormente lo ejecuta.
Veamos como funciona el Patrón: 
El Modelo.
Como se mencionó, en el modelo tenemos la lógica de negocio, serán todas las clases vinculadas con el CRUD a nivel interno, que en ultimas es en lo que gira nuestro sistema.
Clase Logica.
Ejemplo Modelo Vista ControladorEsta clase permite realizar las operaciones asociadas a la lógica de negocio como tal, desde ella realizamos las validaciones y llamados a las operaciones CRUD del sistema.
En caso de que se requieran procesos adicionales asociados a la lógica de negocio, aquí será donde se creen los métodos para dichos procesos, por ejemplo el método validarRegistro determina si los datos son correctos y permite registrar la persona en el Dao.
public void validarRegistro(PersonaVo miPersona) {
PersonaDao miPersonaDao;
/*Valida que solo se ingresen id de 3 digitos*/
if (miPersona.getIdPersona() > 99) {
miPersonaDao = new PersonaDao();
miPersonaDao.registrarPersona(miPersona);
}else {
JOptionPane.showMessageDialog(null,"El documento de la persona debe" +
" ser mas de 3 digitos","Advertencia",JOptionPane.WARNING_MESSAGE);
}
}

Clase Conexión.
Ejemplo Modelo Vista ControladorEn esta clase tenemos la cadena de conexión con la que trabajará nuestra aplicación, en ella se define la base de datos, el usuario, password y driver de conexión, si por ejemplo en un futuro se nos pide conectarnos a una base de datos diferente o establecer un sistema gestor distinto (pero con la misma estructura de tablas y campos), tan solo modificaremos esta clase y dicho cambio sera transparente para el resto del sistema.
(Tener en cuenta que los datos de login y password corresponden a los que yo dejé por defecto al instalar MySql, es decir login root y sin contraseña)
public Conexion() {
try{
//obtenemos el driver de para mysql
Class.forName("com.mysql.jdbc.Driver");
//obtenemos la conexión
conn = DriverManager.getConnection(url,login,password);
if (conn!=null){
System.out.println("Conección a base de datos "+bd+" OK");
}
}
catch(SQLException e){
System.out.println(e);
}catch(ClassNotFoundException e){
System.out.println(e);
}catch(Exception e){
System.out.println(e);
}
}

Clase PersonaVo.
Ejemplo Modelo Vista ControladorAl utilizar este tipo de clases, aplicamos el patrón Value Object o VO (Anteriormente conocidas como DTO Data Transfer Object) en el que representamos las entidades (Tablas) de la base de datos, la tabla persona tiene los campos id, nombre, edad, profesión  teléfono  entonces nuestra clase Vo tendrá estos mismos atributos y de esta manera podremos transportar un objeto persona con todos estos valores por medio de los métodos set y get de cada atributo.

Este patrón nos facilita enormemente el transporte de la información, evitando que se envíen gran cantidad de parámetros a un método cuando queremos hacer un registro o actualización, también en caso de que se modifique la tabla de la BD, nuestra clase deberá ser modificada así como los métodos que obtienen la información, mas no los métodos que la transportan.


/**
* @return the idPersona
*/
public Integer getIdPersona() {
return idPersona;
}
/**
* @param idPersona the idPersona to set
*/
public void setIdPersona(Integer idPersona) {
this.idPersona = idPersona;
}

Clase PersonaDao.
Ejemplo Modelo Vista Controlador
Cuando utilizamos estas clases, aplicamos el patrón Data Access Object o DAO, básicamente este patrón consiste en centralizar los procesos de acceso a la base de datos evitando inconsistencias y posibles problemáticas cuando esto se realiza a lo largo de la aplicación.
Con este patrón independizamos la lógica de negocio de la lógica de acceso a datos obteniendo mayor organización y flexibilidad en el sistema.
public void eliminarPersona(String codigo)
{
Conexion conex= new Conexion();
try {
Statement estatuto = conex.getConnection().createStatement();
estatuto.executeUpdate("DELETE FROM persona WHERE id='"+codigo+"'");
JOptionPane.showMessageDialog(null, " Se ha Eliminado" +
" Correctamente","Información",JOptionPane.INFORMATION_MESSAGE);
estatuto.close();
conex.desconectar();

} catch (SQLException e) {
System.out.println(e.getMessage());
JOptionPane.showMessageDialog(null, "No se Elimino");
}
}

La Vista.
Aquí se define la parte visual del sistema, en la vista estableceremos todas las ventanas o interfaces gráficas de usuario, mediante las cuales representamos todo el modelo permitiendo la interacción entre la aplicación y el cliente.
Clase VentanaPrincipal.
Ejemplo Modelo Vista Controlador

Esta clase representa la ventana inicial de la aplicación, posee un área de texto con una pequeña descripción y 2 botones que darán inicio a los eventos principales del sistema.
se comunica con el modelo mediante la clase coordinador y desde esta se cargan las otras ventanas de la aplicación.
Clase VentanaRegistro.
Ejemplo Modelo Vista Controlador

Permite el ingreso de información a la BD, en ella se evidencian todos los campos de la tabla Persona y presenta un medio gráfico para las clases PersonaVo y PersonaDao, al ejecutar el evento de registro se establece comunicación entre el coordinador y la clase Lógica donde se encuentran todas las validaciones y casos para el ingreso de información.


Clase VentanaBuscar.
Ejemplo Modelo Vista Controlador

Esta clase permite realizar las operaciones de Consulta, Actualización y eliminación de la tabla Persona, igual que la anterior representa la parte visual del modelo y se ejecutan los eventos para la lógica de los procesos anteriores, la forma de obtener los datos y como se le envían parámetros de consulta a la BD.


El Controlador.
Esta parte del patrón es la que define la lógica de administración del sistema, establece la conexión entre la vista y el modelo.
Clase Principal.
Ejemplo Modelo Vista Controlador
Esta clase contiene el método main que ejecuta la aplicación, el método hace un llamado al método iniciar el cual crea las instancias de las clases ventanas y la clase Logica  estableciendo las relaciones con la clase Coordinador.
A cada instancia de las clases se les envía una instancia de la clase Coordinador, y a la instancia de Coordinador se le envía cada instancia de las clases, esto por medio de los métodos set y get estableciendo las relaciones necesarias y por ultimo se usa la instancia de la clase VentanaPrincipal para cargarla en pantalla.
private void iniciar() {
/**Se instancian las clases*/
miVentanaPrincipal=new VentanaPrincipal();
miVentanaRegistro=new VentanaRegistro();
miVentanaBuscar= new VentanaBuscar();
miLogica=new Logica();
miCoordinador= new Coordinador();
/**Se establecen las relaciones entre clases*/
miVentanaPrincipal.setCoordinador(miCoordinador);
miVentanaRegistro.setCoordinador(miCoordinador);
miVentanaBuscar.setCoordinador(miCoordinador);
miLogica.setCoordinador(miCoordinador);
/**Se establecen relaciones con la clase coordinador*/
miCoordinador.setMiVentanaPrincipal(miVentanaPrincipal);
miCoordinador.setMiVentanaRegistro(miVentanaRegistro);
miCoordinador.setMiVentanaBuscar(miVentanaBuscar);
miCoordinador.setMiLogica(miLogica);

miVentanaPrincipal.setVisible(true);
}

Clase Coordinador.
Ejemplo Modelo Vista Controlador
Esta clase contiene toda la lógica de relaciones en el aplicativo, es el puente entre el modelo y las vistas.
Puede contener instancias locales tanto de clases de la vista como de clases del modelo, estas instancias tienen sus respectivos métodos set y get permitiendo el flujo de llamados del sistema.
Cuando se desea registrar una persona desde la clase VentanaRegistro se hace un llamado al método registrarPersona() de la clase Coordinador, posteriormente esta clase llama al método ValidarRegistro() de la clase Logica y esta a su vez realiza las validaciones correspondientes para determinar si se llama o no al método RegistrarPersona() de la clase PersonaDao.
public Logica getMiLogica() {
return miLogica;
}
public void setMiLogica(Logica miLogica) {
this.miLogica = miLogica;
}

public void mostrarVentanaRegistro() {
miVentanaRegistro.setVisible(true);
}
public void mostrarVentanaConsulta() {
miVentanaBuscar.setVisible(true);
}
public void registrarPersona(PersonaVo miPersona) {
miLogica.validarRegistro(miPersona);
}

La Aplicación.

Ejemplo Modelo Vista Controlador
El Sistema esta desarrollado como un proyecto Eclipse, En la siguiente imagen vemos que se crearon tres paquetes principales y de esta forma se tiene independiente la parte de la vista, el modelo y el controlador, el paquete modelo posee los paquetes conexión  dao y vo ya que aunque pertenecen al modelo y la lógica de negocio debe establecerse también su independencia con respecto a las operaciones, es decir, las clases Vo por ejemplo no poseen métodos de operaciones asociadas a la lógica de negocio, tan solo deben representar las tablas de la BD, entonces en el paquete vo se agruparán todas las clases equivalente a entidades.

El proyecto tiene los directorios db y conector, estos directorios se crearon solamente para agregar el script de creación de la BD y el mysql connector, este ultimo debe ser agregado al build path para que el sistema pueda funcionar (sobre el proyecto, clic derecho/configure Build path... ).


Conclusiones.

Como vimos tenemos un proyecto funcional que realiza las operaciones básicas del CRUD, y donde todas sus partes se encuentran separadas por  funcionalidades, separando la parte visual de la lógica de negocio y estableciendo relaciones entre ellas............ en si se desarrolló como ejemplo practico, existen validaciones muy básicas y procesos simples pero pensado en modo de ejemplo sin mayor complejidad, también se utilizan algunos conceptos vistos en entradas anteriores como es el caso del manejo de excepciones, patrones entre otros...
Descarga.

En el link de descarga se encuentra el archivo .rar con la aplicación, solo es cuestión de descomprimir y abrir con Eclipse...


Y Listo, como se mencionó es un ejemplo simple, sin mucha lógica para aplicar, pero la intención es dar a conocer un poquito mas claro como se puede aplicar el MVC, espero que este ejemplo sea de utilidad..... ;)  
También te podría Interesar. 
  • Que son los Patrones de Diseño ?
  • Ejemplo Conectando Java con MySql
  • Manejo de Excepciones en Java
  • Conceptos Básicos de Programación Orientada a Objetos.
  • ¿ String Vrs StringBuffer Vrs StringBuilder ?
  • Comparando Fechas En Java
  • Integración Continua, Primeros Pasos Con Jenkins
  • Leer Archivo Properties en Java
  • Tutorial Proyecto Web Con Eclipse

¿Hay algo que quieras anexar o comentar sobre esta entrada?  no dudes en hacerlo....

Volver a la Portada de Logo Paperblog