UNIVERSIDAD NACIONAL PEDRO RUIZ GALLO

FACULTAD DE INGENIERÍA CIVIL, DE SISTEMAS Y ARQUITECTURA

ESCUELA PROFESIONAL DE INGENIERÍA DE SISTEMAS

OPERACIONES CRUD USANDO JSP

ASIGNATURA: TALLER DE PROGRAMACIÓN
TERCERA UNIDAD LENGUAJE DE PROGRAMACIÓN WEB
SEMANA:
MÓDULO: 1
 Contenido
1. INTRODUCCIÓN AL MODULO ................................................................ 3
2. COMPETENCIAS QUE SE ESPERA LOGRAR..................................... 4
3. INTEGRANTES: ............................................................................................. 4
4. PASOS GENERALES PARA CREAR UN CRUD EN JSP .................. 4
4.1 Base de datos ....................................................................................................... 4
4.2 Creación de un proyecto web ................................................................................ 5
4.3 Creación de las paginas JSP ............................................................................... 6
4.4 Conexión a la base de datos ................................................................................. 7
4.5 Creación de la lista............................................................................................... 9
4.6 Registro(Crear) ..................................................................................................10
4.7 Actualizar(Editar) ............................................................................................11
4.8 Eliminar .............................................................................................................13

pág. 2
 1. INTRODUCCIÓN AL MODULO

En este módulo, aprenderemos sobre las operaciones de CRUD (CREAR, LEER,

ACTUALIZAR y BORRAR) utilizando JSP y MYSQL.

Según lo solicitado por el profesor, estamos proporcionando las operaciones de CRUD

utilizando JSP.

Las operaciones comunes que se realizan para cualquier aplicación web son CRUD, que
es CREAR, LEER ACTUALIZAR Y BORRAR. Para desarrollar, aprender uno debe ser
muy fuerte para manejar estas operaciones. Y es mejor si uno realiza estas operaciones
utilizando JSP en lugar de Servlets.

CREAR: Aquí, crear en el sentido de guardar, las entradas que inicialmente queremos
almacenar en la base de datos del Usuario.

LEER: En cuanto creamos o guardemos los detalles en la base de datos, queremos que
accedan en nuestra interfaz de usuario. Entonces para eso tenemos que leer los valores
guardados (lo que hicimos anteriormente, es decir, crear). Esta lectura se puede lograr a
través de una consulta select.

ACTUALIZACIÓN: para actualizar los detalles que se guardan en la base de datos,

debe crear una página ficticia de su página principal con los mismos detalles que se
mencionan en el registro o en una página en particular y cada vez que el usuario haga clic
en el botón o el enlace EDITAR deberíamos redirigir a esa página ficticia con los valores
solicitados por el usuario para editar y actualizar.

BORRAR: Borrar la operación borra el registro particular que se solicita de la base de

datos.

pág. 3
 2. COMPETENCIAS QUE SE ESPERA LOGRAR

- Poder tener un mejor control en el manejo de datos ya sea para registrar, editar, eliminar
dichos datos.

3. INTEGRANTES:

 Capuñay Gonzales, Jose Abelardo

 Guevara Sáenz, Heberth

4. PASOS GENERALES PARA CREAR UN CRUD EN JSP

1) Crear una base de datos y una tabla.

2) En NetBeans crear un nuevo proyecto web.
3) Conectarte a la base de datos a través de JDBC Driver.
4) Programar los métodos para el CRUD.
5) Usar los métodos CRUD.

4.1 Base de datos

Antes de iniciar con el diseño y creación del CRUD es importante tener en cuenta nuestra
base de datos lista y ejecutándose en nuestro servidor MySQL, además debemos tener a
la mano el nombre y contraseña del usuario quien tiene los privilegios de la base de datos,
a manera de ejemplo crearemos una base de datos con su respectiva tabla.

pág. 4
/*Creamos la base de datos */
CREATE DATABASE IF NOT EXISTS crud;
USE crud;

/*Creación de la tabla personas*/

CREATE TABLE `personas` (

`id_personas` int(10) NOT NULL PRIMARY KEY AUTO_INCREMENT,
`nombre` varchar(30) NOT NULL,
`ap` varchar(30) NOT NULL,
`am` varchar(30) NOT NULL,
`sexo` varchar(10) NOT NULL,
`telefono` varchar(10) NOT NULL,
`correo` varchar(60) NOT NULL,
`direccion` varchar(80) NOT NULL
)

Figura 1:Vista de la creación de la tabla

Para ejecutar este codigo solo copielo y abra en alguna interfaz grafica de MySQL y
ejecute el codigo. Al finalizar se va a tener la base y las tablas listas solo para insertar
datos.

4.2 Creación de un proyecto web

En la siguiente parte iniciaremos con la creación de un proyecto web en NetBeans, para ello
nos dirigiremos a la parte superior izquierda y se selecciona Proyecto Nuevo.

pág. 5
Seleccionamos Java Web y abrimos en Web Application y colocamos los datos que me van a
pedir como es el nombre del proyecto y la ruta donde va a ser guardada.

Seleccionamos el servidor en nuestro caso es el Apache Tomcat 8.0.27.0 y ya tendremos

creado nuestro proyecto.

El caso que no tuvieran en Apache Tomcat se puede descargar y volver a crear el proyecto

4.3 Creación de las paginas JSP

Se crean las páginas web para el crud

pág. 6
Estas son las páginas que son necesarias para nuestro proyecto de CRUD

4.4 Conexión a la base de datos

En esta parte se le enseñara el código para conectar el proyecto a la base de datos, así como
también agregar la librería necesaria para su conexión.

pág. 7
Se agrega la siguiente librería.

El siguiente codigo es para conectar la pagina jsp con la base de datos

Será necesario colocar este código en las páginas a las cuales sea necesarias hacer consultas a
la base de datos.

pág. 8
4.5 Creación de la lista
Para poder visualizar la lista es necesario la conexión a la base de datos, a la que se le realizara
las consultas de los datos que posean las tablas.

Se realizo la consulta para poder mostrar los datos

Código de la página lista.jsp

Este codigo sera para dirigirnos a una pagina nueva en la cual se pueda registrar a las personas.

pág. 9
4.6 Registro(Crear)
Para registrar la lista de elementos de la tabla personas, se ha creado el registro.jsp, la cual contiene
el código para registrar una lista de personas, como se muestra a continuación:

En las imágenes anteriores se muestra lo que se refiere a la vista del registro.

pág. 10
Este código java se va a introducir en el jsp a través de <% %> . A lo que se refiere es a guardar

4.7 Actualizar(Editar)
Para editar la lista de elementos de la tabla personas, se ha creado el editar.jsp, la cual contiene el
código para editar una lista de personas, como se muestra a continuación:

pág. 11
En las imágenes anteriores se muestra lo que se refiere a la vista del editar.

Este cdigo java se va a introducir en el JSP a través de <% %>

pág. 12
4.8 Eliminar
Para eliminar la lista de elementos de la tabla personas, se ha creado el eliminar.jsp, la cual contiene
el código para eliminar una lista de personas, como se muestra a continuación:

pág. 13