Aplicación web utilizando NetBeans.

Presentado por
José Daniel Fierro Torres

Fundación Universitaria del Área Andina

Carrera Ingeniería de Sistemas
Modelos de programación ll

Tutor
Gustavo Enrique Tabares Parra

Septiembre 2019
 Introducción
El presente documento tiene como finalidad mostrar el desarrollo de una

aplicación web CRUD, utilizando el entorno de desarrollo Netbeans y el gestor de bases

de datos MySQL.
 Componentes de la aplicación

La siguiente aplicación fue desarrollada mediante una aplicación web con JSP,

agregando el framework Bootstrap y con la arquitectura de desarrollo MVC (Modelo-

Vista-Controlador), también se utilizó una base de datos llamada registro junto con una

tabla donde se almacenan los datos llamada persona.

Vistas:

Se realizó la creación de 3 vistas las cuales funcionan para mostrar los datos

almacenados, editar los datos y agregar los datos, para esto se creó una carpeta llamada

vistas.

Vista index.jsp
 Aquí se muestra el código referente a la vista del index, donde se tiene un botón

con la acción de agregar un nuevo usuario, además de una tabla donde se listan los

usuarios que se encuentran almacenados en la base de datos, también se muestran las

acciones de “Editar” y “Eliminar” los usuarios.

Vista agregar.jsp

Aquí se muestra el código referente a la vista de agregar usuario, donde se tiene

un formulario con los campos referentes para agregar un nuevo usuario (Cedula,

Nombres, Apellidos y Email).

Vista editar.jsp
 Aquí se muestra la vista referente a editar el usuario, donde se muestra un

formulario con los mismos datos de la vista de agregar, pero con los datos del usuario a

editar, además de un botón con la acción de actualizar.

Paquetes de la aplicación

Se realizó la creación de los paquetes para realizar la lógica de la aplicación

donde se realiza la conexión con la base de datos, la creación del modelo, el

controlador, la creación de un paquete para las acciones de las interfaces y un

ModeloDAO.

Paquete Config
 Sobre este se encuentra el archivo Conexión.java, donde se realiza la conexión

a la base de datos.

Aquí se realiza la conexión, se crea una variable llamada con donde se ingresan

los datos de conexión con la base de datos.

Paquete Controlador

Sobre este se encuentra un archivo llamado Controlador.java, donde se reciben

las peticiones realizadas por la vista.

 Esta clase se encarga de recibir las peticiones de las diferentes vistas y de recibir

los datos ingresados para que luego sean trabajados por el modelo según la acción

solicitada.

Paquete interfaces

Aquí se encuentra un archivo interfaces.java donde se listan las acciones que el

CRUD va a tener en la aplicación.

 Paquete Modelo

Aquí se encuentra un archivo llamada Persona.java, esta clase se encarga de

recibir y enviar los datos para que sean procesados.

 Aquí se obtienen los datos ingresados (Getters And Setters).

Paquete ModeloDAO

Aquí se encuentra la lógica de la aplicación, esta clase se encarga de realizar

todos los procesos del CRUD trayendo de la clase interfaces las acciones y

procesándolas.
Aplicación en ejecución

Una vez en ejecución, la aplicación se muestra así.

 Como primera vista de la aplicación se muestra una tabla con los datos que se

encuentran almacenados en la base de datos, muestra un botón el cual permite agregar

un nuevo usuario, muestra los datos del usuario y las acciones de Editar y Eliminar.

Vista de edición

En la vista de edición se muestra un formulario donde en cada input se

encuentran los datos del usuario a editar, además de un botón de actualizar y un botón

de retroceso.

Vista de Nuevo usuario

 Aquí se muestra la vista para agregar un nuevo usuario, esta vista permite

completar los datos y guardarlos en la base de datos.

 Conclusiones

- Con esta aplicación se puede entender de una mejor manera el concepto de

Modelo-Vista-Controlador y su forma de separar el código para su mejor

organización.

- Se pueden entender muchos conceptos y también la forma en que trabaja el

lenguaje de programación JAVA en los ambientes web.

 Referencias bibliográficas

https://www.youtube.com/watch?v=D3HER9EGQSI&t=620s

https://www.javatpoint.com/crud-in-jsp

https://www.ecodeup.com/como-crear-un-crud-en-java-web-con-jsp-y-servlet/