Proyecto Con Servlets BD JSP

JAVA WEB
SERVLETS CON BASE DE DATOS Y JSP EN JAVA WEB

Objetivo:
Desarrolla un proyecto web aplicando los Servlets con base de datos y páginas JSP para
manejar operaciones con registros de datos, definiendo el código en Java con rigurosidad y
responsabilidad.
PROYECTO CON USO DE SERVLETS CON BASE DE DATOS Y PÁGINAS JSP
1. Crear en el disco C una carpeta llamada Java Web, dentro de ella una carpeta llamada
Sesion 04, dentro de ella una carpeta llamada Laboratorio y dentro de ella una carpeta
llamada Articulos-JSP-Servlet.
2. Ejecutar el Apache NetBeans.
3. Elija el menú File, opción New Project, en categories seleccione Java with Maven para
crear un proyecto web dinámico y permitir por medio de maven, la descarga de las
librerías de dependencia y en Projects Web Application. Luego pulsar el botón Next.
4. Defina el nombre del proyecto como Articulos-JSP-Servlet y ubicación del proyecto en

el disco C:\Java Web\Sesion 04\Laboratorio\Articulos-JSP-Servlet, Id Grupo con el
valor Articulos-JSP-Servlet, Versión 1.0-SNAPSHOT, paquete war y pulsar el botón
Next.
Ing. Dante García Página 1 de 20

JAVA WEB
5. Seleccione el servidor y la versión de Java EE, en nuestro caso usaremos el servidor

Apache Tomcat y la versión Java EE 7 Web y pulsar el botón Finish.
6. Al crearse nuestro proyecto, tiene la siguiente estructura:

JAVA WEB
7. Se debe añadir las dependencias al archivo pom.xml (jstl, jsp, servlet y MySQL)
de manera que traiga las librerías desde su repositorio (las dependencias deben estar
entre la etiqueta <description> y <build>).
a. Debe abrir el archivo pom.xml para agregar las siguientes dependencias,
debajo de la etiqueta <dependencies>:
Agregando la dependencia java.servlet-api-3.1.0.jar
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>javax.servlet-api</artifactId>
<version>3.1.0</version>
<scope>provided</scope>
</dependency>
Agregando la dependencia javax.servlet.jsp-api- 2.3.1.jar
<dependency>
<groupId>javax.servlet.jsp</groupId>
<artifactId>javax.servlet.jsp-api</artifactId>
<scope>provided</scope>
</dependency>
Agregando la dependencia jstl- 1.2.jar
<dependency>
<groupId>jstl</groupId>
<artifactId>jstl</artifactId>
<version>1.2</version>
</dependency>
Agregando la dependencia mysql-connector-java- 5.1.30.jar
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
</dependency>
b. Debe grabar el archivo pom.xml pulsando el botón Save All.

c. Sobre la carpeta Dependencies pulsar el botón derecho del mouse y elija la
opción Download Declared Dependencies para descargar las dependencias
declaradas.
Dependencias
Declaradas

JAVA WEB
CREAR EL ARCHIVO WEB.XML
8. Pulsar el botón derecho del mouse sobre el proyecto, opción New / opción Others, elija
Categories Web, File Type Standard Deployment Descriptor (web.xml) y pulsar el
botón Next y luego Finish.
9. El código generado en este archivo es el siguiente:
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
version="3.1">
<session-config>
<session-timeout>
30
</session-timeout>
</session-config>
</web-app>
CREAR BASE DE DATOS EN MYSQL
10. Es importante tener instalado en el computador el programa XAMPP para poder

trabajar con MYSQL. Un link de descarga:
https://www.apachefriends.org/es/download.html

JAVA WEB
11. Ejecutar el Panel de Control de XAMPP y active los servicios de Apache y MySQL:
12. Ejecutar el Google Chrome y en la barra de direcciones ingresar la siguiente dirección

Web:
http://localhost:8080/
Ingresará al dashboard de XAMPPy pulsar el enlace PHPMyAdmin ubicado en la esquina
superior derecha para ingresar.
13. Hacer clic en el enlace Nueva de phpMyAdmin para crear la base de datos, para el
nombre de la base de datos asuma: javaweb_crud y pulse el botón Crear.

JAVA WEB
14. Seleccione la base de datos haciendo clic, luego ir a la ficha SQL y ejecutar el siguiente
código para crear la tabla: (Debe pulsar el botón Continuar para procesar el comando
y crear la tabla)
CREATE TABLE àrticulos` (

ìd` int(10) NOT NULL,
`codigo` varchar(30) COLLATE utf8_spanish2_ci NOT NULL,
`nombre` varchar(50) COLLATE utf8_spanish2_ci NOT NULL,
`descripcion` varchar(50) COLLATE utf8_spanish2_ci NOT NULL,
èxistencia` double NOT NULL,
`precio` double NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_spanish2_ci;
15. Ingresar los siguientes registros a la tabla pulsando la ficha SQL y escriba el siguiente
código y botón Continuar:
INSERT INTO àrticulos` (ìd`, `codigo`, `nombre`, `descripcion`,

èxistencia`, `precio`) VALUES
(5, 'EC001', 'ESFERO ROJO', 'ESFERO BORRABLE', 40, 0.65),
(4, 'EC002', 'ESFERO NEGRO', 'ESFERO BORRABLE', 30, 0.65),
(6, 'FA001', 'FOLDER ARCHIVADOR AZ OFICIO', 'FOLDER CARTÓN', 10,
2.79),
(7, 'SM001', 'SOBRE MANILA ', 'SOBRE MANILA OFICIO', 15, 0.1);
16. Hacer clic sobre la tabla articulos en la base de datos y muestra los siguientes
registros:

JAVA WEB
17. Proceda a crear la Clave Principal para la tabla con el siguiente comando SQL:
ALTER TABLE àrticulos`

ADD PRIMARY KEY (ìd`);
18. Modificar la tabla para que el campo id acepte valores con incremento en forma
automática.
ALTER TABLE àrticulos`

MODIFY ìd` int(10) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=8;
CONFIGURAR EL ARCHIVO WEB.XML PARA CONECTARSE A LA BASE DE DATOS
Considere que para lograr una conexión con una base de datos en MySQL, se usa el
puerto 3306.
El código a programar es el siguiente para conectarme a la base de datos javaweb_crud

con el usuario root:
<display-name>Artículos con JSP y Servlet Base de Datos</display-name>

<context-param>
<param-name>jdbcURL</param-name>
<param-value>jdbc:mysql://localhost:3306/javaweb_crud</param-value>
</context-param>
<context-param>
<param-name>jdbcUsername</param-name>
<param-value>root</param-value>
</context-param>
<context-param>
<param-name>jdbcPassword</param-name>
<param-value></param-value>
</context-param>
Poner Aquí la clave de

la cuenta root de
MYSQL
CREAR LA CLASE PARA LA CONEXIÓN
Esta clase lo que hace es crear la conexión con los parámetros pasados desde el
archivo web.xml, la clase contiene dos métodos, uno para conectar y otro para
desconectar, se añade también el acceso a la variable de la conexión jdbcConnection,
de manera que se la pueda obtener desde cualquier parte del DAO, la clase debe estar
dentro del paquete com.ecodeup.articulos.model.
19. Para crear la clase de conexión, sobre la carpeta Source Packages del proyecto pulsar
el botón derecho del mouse y elija la opción New, opción Java Class..y en nombre de
la clase ingrese Conexión. Para el paquete ingrese com.ecodeup.articulos.model y
pulsar el botón Finish.

JAVA WEB
20. El código para esta clase es el siguiente:
//Esta clase es responsable de la Conexión con la base de datos

package com.ecodeup.articulos.model;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.SQLException;
/**
*
* @author Dante
*/
public class Conexion {
private Connection jdbcConnection;
private String jdbcURL;
private String jdbcUsername;
private String jdbcPassword;
public Conexion(String jdbcURL, String jdbcUsername, String jdbcPassword) {

this.jdbcURL = jdbcURL;
this.jdbcUsername = jdbcUsername;
this.jdbcPassword = jdbcPassword;
}
public void conectar() throws SQLException {

if (jdbcConnection == null || jdbcConnection.isClosed()) {
try {
Class.forName("com.mysql.jdbc.Driver");
} catch (ClassNotFoundException e) {
throw new SQLException(e);
}
jdbcConnection = DriverManager.getConnection(
jdbcURL, jdbcUsername, jdbcPassword);
}
}
public void desconectar() throws SQLException {

if (jdbcConnection != null && !jdbcConnection.isClosed()) {
jdbcConnection.close();
}
}
public Connection getJdbcConnection() {

JAVA WEB
return jdbcConnection;
}
}
CREAR LA CLASE ARTICULO PARA EL MODELO
21. Para crear la clase Articulo para el modelo, sobre la carpeta Source Packages del
proyecto pulsar el botón derecho del mouse y elija la opción New, opción Java Class..y
en nombre de la clase ingrese Articulo. Para el paquete ingrese
com.ecodeup.articulos.model y pulsar el botón Finish.
package com.ecodeup.articulos.model;
/**
*
* @author Dante
*/
public class Articulo {
private int id;
private String codigo;
private String nombre;
private String descripcion;
private double existencia;
private double precio;
public Articulo(int id, String codigo, String nombre, String descripcion, double
existencia, double precio) {
this.id = id;
this.codigo = codigo;
this.nombre = nombre;
this.descripcion = descripcion;
this.existencia = existencia;
this.precio = precio;
}
//getters y setters
public int getId() {
return id;
}
public void setId(int id) {
this.id = id;
}
public String getCodigo() {
return codigo;
}
public void setCodigo(String codigo) {
this.codigo = codigo;
}
public String getNombre() {
return nombre;
}
public void setNombre(String nombre) {
this.nombre = nombre;
}
public String getDescripcion() {
return descripcion;
}
public void setDescripcion(String descripcion) {
this.descripcion = descripcion;
}
public double getExistencia() {
return existencia;
}

JAVA WEB
public void setExistencia(double existencia) {
this.existencia = existencia;
}
public double getPrecio() {
return precio;
}
public void setPrecio(double precio) {
this.precio = precio;
}
}
CREAR LA CLASE ARTICULODAO PARA EL MODELO
Esta clase contiene todos los métodos CRUD para la tabla artículos, debe estar dentro
del paquete com.ecodeup.articulos.dao.
23. Para crear la clase ArticuloDAO para el modelo, sobre la carpeta Source Packages del
proyecto pulsar el botón derecho del mouse y elija la opción New, opción Java Class..y
en nombre de la clase ingrese ArticuloDAO. Para el paquete ingrese com.ecodeup.
articulos.dao y pulsar el botón Finish.
package com.ecodeup.articulos.dao;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.Statement;
import java.util.ArrayList;
import java.util.List;
import com.ecodeup.articulos.model.Articulo;
import com.ecodeup.articulos.model.Conexion;
/**
*
* @author Dante
*/
public class ArticuloDAO {
private Conexion con;
private Connection connection;
public ArticuloDAO(String jdbcURL, String jdbcUsername, String

jdbcPassword) throws SQLException {
System.out.println(jdbcURL);
con = new Conexion(jdbcURL, jdbcUsername, jdbcPassword);
}
// insertar artículo
public boolean insertar(Articulo articulo) throws SQLException {
String sql = "INSERT INTO articulos (id, codigo, nombre, descripcion,
existencia, precio) VALUES (?, ?, ?,?,?,?)";
System.out.println(articulo.getDescripcion());
con.conectar();
connection = con.getJdbcConnection();
PreparedStatement statement = connection.prepareStatement(sql);
statement.setString(1, null);
statement.setString(2, articulo.getCodigo());
statement.setString(3, articulo.getNombre());
statement.setString(4, articulo.getDescripcion());
statement.setDouble(5, articulo.getExistencia());
statement.setDouble(6, articulo.getPrecio());

JAVA WEB
boolean rowInserted = statement.executeUpdate() > 0;

statement.close();
con.desconectar();
return rowInserted;
}
// listar todos los productos

public List<Articulo> listarArticulos() throws SQLException {
List<Articulo> listaArticulos = new ArrayList<Articulo>();

String sql = "SELECT * FROM articulos";
con.conectar();
Statement statement = connection.createStatement();
ResultSet resulSet = statement.executeQuery(sql);
while (resulSet.next()) {
int id = resulSet.getInt("id");
String codigo = resulSet.getString("codigo");
String nombre = resulSet.getString("nombre");
String descripcion = resulSet.getString("descripcion");
Double existencia = resulSet.getDouble("existencia");
Double precio = resulSet.getDouble("precio");
Articulo articulo = new Articulo(id, codigo, nombre, descripcion,
existencia, precio);
listaArticulos.add(articulo);
}
con.desconectar();
return listaArticulos;
}
// obtener por id
public Articulo obtenerPorId(int id) throws SQLException {
Articulo articulo = null;
String sql = "SELECT * FROM articulos WHERE id= ? ";

con.conectar();
statement.setInt(1, id);
ResultSet res = statement.executeQuery();

if (res.next()) {
articulo = new Articulo(res.getInt("id"),
res.getString("codigo"), res.getString("nombre"),
res.getString("descripcion"),
res.getDouble("existencia"), res.getDouble("precio"));
}
res.close();
con.desconectar();
return articulo;
}
// actualizar
public boolean actualizar(Articulo articulo) throws SQLException {
boolean rowActualizar = false;
String sql = "UPDATE articulos SET
codigo=?,nombre=?,descripcion=?,existencia=?, precio=? WHERE id=?";
con.conectar();
statement.setString(1, articulo.getCodigo());

JAVA WEB
statement.setString(2, articulo.getNombre());
statement.setString(3, articulo.getDescripcion());
statement.setDouble(4, articulo.getExistencia());
System.out.println(articulo.getPrecio());
statement.setDouble(5, articulo.getPrecio());
statement.setInt(6, articulo.getId());
rowActualizar = statement.executeUpdate() > 0;

statement.close();
con.desconectar();
return rowActualizar;
}
//eliminar
public boolean eliminar(Articulo articulo) throws SQLException {
boolean rowEliminar = false;
String sql = "DELETE FROM articulos WHERE ID=?";
con.conectar();
statement.setInt(1, articulo.getId());
rowEliminar = statement.executeUpdate() > 0;

statement.close();
con.desconectar();
return rowEliminar;
}
}
CREAR EL SERVLET QUE SIRVE DE CONTROLADOR
El Servlet se llama AdminArticulo, y se encuentra dentro del paquete

com.ecodeup.articulos.controller.
En el Servlet manejamos todas las peticiones como por ejemplo para crear un nuevo
artículo, actualizar y eliminar.
25. Para crear el servlet AdminArticulo, sobre la carpeta Source Packages del proyecto
pulsar el botón derecho del mouse y elija la opción New, opción Servlet y en nombre
de la clase ingrese AdminArticulo. Para el paquete ingrese
com.ecodeup.articulos.controller y pulsar el botón Next.

JAVA WEB
26. Configure el despliegue del servlet marcando la casilla de añadir información de
despliegue al archivo web.xml, nombre del servlet AdminArticulo y el patrón de URL:
/AdminArticulo y pulsar el botón Finish.
package com.ecodeup.articulos.controller;
import java.io.IOException;
import java.util.List;
import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.ecodeup.articulos.dao.ArticuloDAO;
import com.ecodeup.articulos.model.Articulo;
/**
* Servlet implementation class AdminArticulo
*/
@WebServlet("/adminArticulo")
public class AdminArticulo extends HttpServlet {
private static final long serialVersionUID = 1L;
ArticuloDAO articuloDAO;
public void init() {

String jdbcURL = getServletContext().getInitParameter("jdbcURL");
String jdbcUsername =
getServletContext().getInitParameter("jdbcUsername");
String jdbcPassword =
getServletContext().getInitParameter("jdbcPassword");
try {
articuloDAO = new ArticuloDAO(jdbcURL, jdbcUsername,

jdbcPassword);
} catch (Exception e) {
// TODO: handle exception
}

JAVA WEB
}
/**
* @see HttpServlet#HttpServlet()
*/
public AdminArticulo() {
super();
// TODO Auto-generated constructor stub
}
/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse
* response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse
response)
throws ServletException, IOException {
System.out.println("Hola Servlet..");
String action = request.getParameter("action");
System.out.println(action);
try {
switch (action) {
case "index":
index(request, response);
break;
case "nuevo":
nuevo(request, response);
break;
case "register":
System.out.println("entro");
registrar(request, response);
break;
case "mostrar":
mostrar(request, response);
break;
case "showedit":
showEditar(request, response);
break;
case "editar":
editar(request, response);
break;
case "eliminar":
eliminar(request, response);
break;
default:
break;
}
} catch (SQLException e) {
e.getStackTrace();
}
/**
* @see HttpServlet#doPost(HttpServletRequest request,
HttpServletResponse
* response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse
response)
throws ServletException, IOException {
System.out.println("Hola Servlet..");
doGet(request, response);

JAVA WEB
}
private void index (HttpServletRequest request, HttpServletResponse

response) throws SQLException, ServletException, IOException{
//mostrar(request, response);
RequestDispatcher dispatcher=
request.getRequestDispatcher("index.jsp");
dispatcher.forward(request, response);
}
private void registrar(HttpServletRequest request, HttpServletResponse

response) throws ServletException, IOException, SQLException {
Articulo articulo = new Articulo(0, request.getParameter("codigo"),
request.getParameter("nombre"), request.getParameter("descripcion"),
Double.parseDouble(request.getParameter("cantidad")),
Double.parseDouble(request.getParameter("precio")));
articuloDAO.insertar(articulo);
RequestDispatcher dispatcher =
}
private void nuevo(HttpServletRequest request, HttpServletResponse

request.getRequestDispatcher("/vista/register.jsp");
}
private void mostrar(HttpServletRequest request, HttpServletResponse

response) throws SQLException, IOException , ServletException{
request.getRequestDispatcher("/vista/mostrar.jsp");
List<Articulo> listaArticulos= articuloDAO.listarArticulos();
request.setAttribute("lista", listaArticulos);
}
private void showEditar(HttpServletRequest request, HttpServletResponse

Articulo articulo =
articuloDAO.obtenerPorId(Integer.parseInt(request.getParameter("id")));
request.setAttribute("articulo", articulo);
request.getRequestDispatcher("/vista/editar.jsp");
}
private void editar(HttpServletRequest request, HttpServletResponse

Articulo articulo = new
Articulo(Integer.parseInt(request.getParameter("id")),
request.getParameter("codigo"), request.getParameter("nombre"),
request.getParameter("descripcion"),
Double.parseDouble(request.getParameter("existencia")),
Double.parseDouble(request.getParameter("precio")));
articuloDAO.actualizar(articulo);
index(request, response);
}

JAVA WEB
private void eliminar(HttpServletRequest request, HttpServletResponse
Articulo articulo =
articuloDAO.obtenerPorId(Integer.parseInt(request.getParameter("id")));
articuloDAO.eliminar(articulo);
}
}
CREAR LAS VISTAS PARA EL MODELO
Las vistas son simples archivos con extensión. jsp, en las cuales usamos JSTL (Java
Server Pages Tag Library) que no son más que etiquetas y que nos permiten
manipular o embeber código java dentro de una página JSP.
Para poder hacer uso de estas etiquetas, se debe incluir una declaración en el inicio de
la página JSP donde vayamos a usarlas (línea 4), en este caso como ejemplo la página
mostrar.jsp que está dentro de la carpeta vista y que muestra todos los artículos,
finalmente recordar que (a excepción de la página index.jsp) las páginas JSP están dentro
de la carpeta vista
28. Dentro de la carpeta Web Pages crear la carpeta vista. Botón derecho sobre Web
Pages, elija la opción New, opción Folder. En Folder Name ingrese vista y luego el
botón Finish.
29. Para crear la página mostrar.jsp, pulsar el botón derecho del mouse sobre la carpeta
vista, elija la opción New y luego la opción jsp. En nombre ingrese mostrar y pulsar el
botón Finish.
30. Hacer lo mismo para crear las páginas editar.jsp y register.jsp.
PAGINA mostrar.jsp
31. El código de esta página es el siguiente:
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"

pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Administrar Artículos</title>
</head>
<body>
<h1>Lista Artículos</h1>
<table>
<tr>
<td><a href="adminArticulo?action=index" >Ir al menú</a> </td>
</tr>
</table>
<table border="1" width="100%">

<tr>
<td> ID</td>
<td> CODIGO</td>
<td> NOMBRE</td>
<td>DESCRPICION</td>
<td>EXISTENCIA</td>

JAVA WEB
<td>PRECIO</td>
<td colspan=2>ACCIONES</td>
</tr>
<c:forEach var="articulo" items="${lista}">
<tr>
<td><c:out value="${articulo.id}"/></td>
<td><c:out value="${articulo.codigo}"/></td>
<td><c:out value="${articulo.nombre}"/></td>
<td><c:out value="${articulo.descripcion}"/></td>
<td><c:out value="${articulo.existencia}"/></td>
<td><c:out value="${articulo.precio}"/></td>
<td><a href="adminArticulo?action=showedit&id=<c:out
value="${articulo.id}" />">Editar</a></td>
<td><a href="adminArticulo?action=eliminar&id=<c:out
value="${articulo.id}"/>">Eliminar</a> </td>
</tr>
</c:forEach>
</table>
</body>
</html>
PAGINA register.jsp

<html>
<head>
<title>Registrar Artículo</title>
</head>
<body>
<h1>Registrar Artículo</h1>
<form action="adminArticulo?action=register" method="post">
<table border="1" align="center">
<tr>
<td>Código:</a></td>
<td><input type="text" name="codigo"/></td>
</tr>
<tr>
<td>Nombre:</a></td>
<td><input type="text" name="nombre"/></td>
</tr>
<tr>
<td>Descripción:</a></td>
<td><input type="text" name="descripcion"/></td>
</tr>
<tr>
<td>Cantidad:</a></td>
<td><input type="text" name="cantidad"/></td>
</tr>
<tr>
<td>Precio:</a></td>
<td><input type="text" name="precio"/></td>
</tr>
</table>
<br>
<table border="0" align="center">
<tr>
<td><input type="submit" value="Agregar" name="agregar"></td>
</tr>
</form>
</body>
</html>

JAVA WEB
PAGINA editar.jsp

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
<title>Actualizar Artículo</title>
</head>
<body>
<h1>Actualizar Artículo</h1>
<form action="adminArticulo?action=editar" method="post" >
<table>
<tr>
<td><label>Id</label></td>
<td><input type="text" name="id" value="<c:out
value="${articulo.id}"></c:out>" ></td>
</tr>
<tr>
<td><label>Código</label></td>
<td><input type="text" name="codigo" value='<c:out
value="${articulo.codigo}"></c:out>' ></td>
</tr>
<tr>
<td><label>Nombre</label></td>
<td><input type="text" name="nombre" value='<c:out
value="${articulo.nombre}"></c:out>' ></td>
</tr>
<tr>
<td><label>Descripción</label></td>
<td><input type="text" name="descripcion" value='<c:out
value="${articulo.descripcion}"></c:out>' ></td>
</tr>
<tr>
<td><label>Existencia</label></td>
<td><input type="text" name="existencia" value='<c:out
value="${articulo.existencia }"></c:out>' ></td>
</tr>
<tr>
<td><label>Precio</label></td>
<td><input type="text" name="precio" value='<c:out
value="${articulo.precio }"></c:out>' ></td>
</tr>
</table>
<input type="submit" name="registrar" value="Guardar">

</form>
</body>
</html>
CREAR LA PAGINA index.jsp
34. Borrar la página index.html, para ello sobre esta página, pulsar el botón derecho del
mouse, elija la opción Delete y botón Yes.
35. Sobre la carpeta Web Pages, pulsar el botón derecho del mouse, elija la opción New,
opción JSP, en File Name, ingresar indexy botón Finish.

JAVA WEB
36. El código de la página es el siguiente:

<html>
<head>
<title>Artículos Java Web JSP y Servlet</title>
</head>
<body>
<h1>Administrar Artículos</h1>
<table border="1" width="50%" align="center">
<tr>
<td align="center"><a
href="adminArticulo?action=nuevo">Nuevo</a></td>
</tr>
<tr>
<td align="center"><a
href="adminArticulo?action=mostrar">Mostrar</a></td>
</tr>
</table>
</body>
</html>
EJECUTAR EL PROYECTO WEB
Proceda a Ejecutar el proyecto y observe resultados:
Mostrar los artículos de la Base de Datos

JAVA WEB
Registrar un Nuevo Artículo:
Editar el Articulo:

Proyecto Con Servlets BD JSP

Cargado por

Copyright:

Formatos disponibles

Proyecto Con Servlets BD JSP

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Proyecto Con Servlets BD JSP

Cargado por

Copyright:

Formatos disponibles

JAVA WEB

SERVLETS CON BASE DE DATOS Y JSP EN JAVA WEB

4. Defina el nombre del proyecto como Articulos-JSP-Servlet y ubicación del proyecto en

Ing. Dante García Página 1 de 20

5. Seleccione el servidor y la versión de Java EE, en nuestro caso usaremos el servidor

6. Al crearse nuestro proyecto, tiene la siguiente estructura:

Ing. Dante García Página 2 de 20

Agregando la dependencia java.servlet-api-3.1.0.jar

Agregando la dependencia javax.servlet.jsp-api- 2.3.1.jar

Agregando la dependencia jstl- 1.2.jar

Agregando la dependencia mysql-connector-java- 5.1.30.jar

b. Debe grabar el archivo pom.xml pulsando el botón Save All.

Ing. Dante García Página 3 de 20

9. El código generado en este archivo es el siguiente:

<?xml version="1.0" encoding="UTF-8"?>

CREAR BASE DE DATOS EN MYSQL

10. Es importante tener instalado en el computador el programa XAMPP para poder

Ing. Dante García Página 4 de 20

12. Ejecutar el Google Chrome y en la barra de direcciones ingresar la siguiente dirección

Ingresará al dashboard de XAMPPy pulsar el enlace PHPMyAdmin ubicado en la esquina

superior derecha para ingresar.

Ing. Dante García Página 5 de 20

CREATE TABLE `articulos` (

INSERT INTO `articulos` (`id`, `codigo`, `nombre`, `descripcion`,

Ing. Dante García Página 6 de 20

ALTER TABLE `articulos`

ALTER TABLE `articulos`

CONFIGURAR EL ARCHIVO WEB.XML PARA CONECTARSE A LA BASE DE DATOS

El código a programar es el siguiente para conectarme a la base de datos javaweb_crud

<display-name>Artículos con JSP y Servlet Base de Datos</display-name>

Poner Aquí la clave de

CREAR LA CLASE PARA LA CONEXIÓN

Ing. Dante García Página 7 de 20

20. El código para esta clase es el siguiente:

//Esta clase es responsable de la Conexión con la base de datos

public Conexion(String jdbcURL, String jdbcUsername, String jdbcPassword) {

public void conectar() throws SQLException {

public void desconectar() throws SQLException {

public Connection getJdbcConnection() {

Ing. Dante García Página 8 de 20

CREAR LA CLASE ARTICULO PARA EL MODELO

Ing. Dante García Página 9 de 20

CREAR LA CLASE ARTICULODAO PARA EL MODELO

public ArticuloDAO(String jdbcURL, String jdbcUsername, String

Ing. Dante García Página 10 de 20

boolean rowInserted = statement.executeUpdate() > 0;

// listar todos los productos

List<Articulo> listaArticulos = new ArrayList<Articulo>();

String sql = "SELECT * FROM articulos WHERE id= ? ";

ResultSet res = statement.executeQuery();

Ing. Dante García Página 11 de 20

rowActualizar = statement.executeUpdate() > 0;

rowEliminar = statement.executeUpdate() > 0;

CREAR EL SERVLET QUE SIRVE DE CONTROLADOR

El Servlet se llama AdminArticulo, y se encuentra dentro del paquete

Ing. Dante García Página 12 de 20

27. El código para esta clase es el siguiente:

public void init() {

articuloDAO = new ArticuloDAO(jdbcURL, jdbcUsername,