Workshop Servlet Mvc

Curso: "Java EE 7 y Frameworks" 2017

S ervlet MVC: Separación de Capas” “ Servlet

Módulo 1

© Todos los logos y marcas utilizados en este documento, están registrados y pertenecen a sus respectivos dueños .

AUTOR: Andrés Guzmán Guzmán Fontecilla. Email: [email protected] WEB: http://www.bolsadeideas.com LICENCIA: http://creativeco http://creativecommons.org/licenses mmons.org/licenses/by-nc/4.0 /by-nc/4.0

1

| Arquitectura MVC Servlet

Curso: "Java EE 7 y Frameworks" 2017 Objetivo El objetivo de esta práctica es implementar la separación de capas usando el patrón de Arquitectura Arquitectura MVC (Modelo, (Modelo, Vista y Controlador) Controlador) en los Servlets utilizando utilizando el IDE NetBeans.

"Quemar etapas" Es importante que saques provecho de cada módulo y consultes todos los temas que se van tratando, sin adelantar etapas.


2


Curso: "Java EE 7 y Frameworks" 2017 Objetivo El objetivo de esta práctica es implementar la separación de capas usando el patrón de Arquitectura Arquitectura MVC (Modelo, (Modelo, Vista y Controlador) Controlador) en los Servlets utilizando utilizando el IDE NetBeans.

"Quemar etapas" Es importante que saques provecho de cada módulo y consultes todos los temas que se van tratando, sin adelantar etapas.


2


Curso: "Java EE 7 y Frameworks" 2017 Antes de empezar, empezar, cómo funciona funciona rápidamente rápidamente un MVC Separa Separarr las dis tintas capas con sus roles bien definidos , implementando el patrón (Modelo, Vista y Control ador) es fundamental para el de arquitectura de software MVC (Modelo, desarrollo de aplicaciones escalables, flexibles y de fácil mantención. Donde el Modelo es la representación específica de los datos con la cual el sistema opera (generalmente bases de datos, pero pueden ser otras fuentes de datos c omo Web Services etc), la Vista presenta los datos en un formato adecuado para interactuar , usualmente cumpliendo con la "interfaz de usuario" y finalmente el Controlador que responde a eventos, generalmente peticiones de los usuarios (presionando un link, ejecutando un formulario, etc), e interactúa a su vez con el Modelo y la Vista (para pedirle información o para representar la información, respectivamente).

El patrón MVC podría considerarse una "especialización" de una típica "arquitectura de 3 capas" pero con una lógica de funcionamiento más ajustada a entornos web, donde se intenta -por lo general – concentrar todas las peticiones del exterior a través de un solo punto de entrada (clásicos sistemas "modulares") En este nuevo diseño tendremos que todas

las peticiones del usuario se diri girán hacia un

Controller

("Controlador") que

se

encargará de decidir si solicita información de la "lógica de negocio" al Model Model ("Modelo" ) y/o pasa a la View View (" Vista" Vista" ) para que se encargue de generar la interfaz de usuario.

Nota: se recomienda la lectura de la explicación escrita en Wikipedia


3


Curso: "Java EE 7 y Frameworks" 2017 muestra la relación con sus compo nentes nentes Aquí se puede visualizar visualizar un diagrama que muestra (más adelante entraremos en detalles, por ahora solo veremos lo básico y esencial para entender el funcionamiento del patrón).

Ac lara la raci ci ón im po r tan te: los patrones de diseño son "la mejor solución encontrada para resolver un problema genérico y recurrente", pero, la solución es una "guía" y no un "manual" para resolver un problema específico, ya que cada contexto tendrá sus particularidades. Servlet "implementa su versión" del patrón de diseño , por lo tanto no significará nunca que lo que veamos de Servlet es sinónimo puro de MVC, en realidad reali dad veremos que existen muchos frameworks que implementan su propia versión del patrón, y todas estarán correctas.

Un patrón de dis eño es solo eso, una guía.

Ejercicio 1: Copiar y modificar la aplicación del Workshop anterior holamundo-servlet: 1. Iniciamos NetBeans IDE. 2. Copiamos el proyecto con un nuevo nombre (Lo clonamos) 

Seleccionamos el proyecto hola-mundo-servlet .



Clic derecho y seleccionamos Copy (ver Figura)


4





En el campo Proyect Na Name me ingresamos hola-mundo-servlet-mvc



Clic en Copy


5



3. Expandimos el nuevo proyecto para modificar el Servlet :

hola-mundo-servlet-mvc->Source Packages->com.formacionbdi.servlets.saludar 4. Abrir con doble clic la clase SaludarServlet. 5. Remplazamos el contenido del método processRequest(...) por el siguiente, tal como se muestra en el código de abajo: /** ETC...*/ protected void processRequest(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html;charset=UTF-8"); // Creamos y obtenemos el objeto de sesión HttpSession session = request.getSession(); //Asignamos un mensaje en la sesión session.setAttribute("mensaje", "Esto es un saludos que se " + "verá en la próxima página"); /* Asignamos valores a la vista jsp, mediante el contexto Request*/ request.setAttribute("saludo", AUTOR: Andrés Guzmán Fontecilla. Email: [email protected] WEB: http://www.bolsadeideas.com LICENCIA: http://creativecommons.org/licenses/by-nc/4.0

6


Curso: "Java EE 7 y Frameworks" 2017 "Hola, mi nombre es Zsamer. ¿Cuál es tu nombre?"); request.setAttribute("titulo", "Servlet SaludarServlet"); /* El Servlet selecciona la vista saludar.jsp y reenvía los atributos dentro de la misma petición HTTP */ getServletContext().getRequestDispatcher(" /saludar.jsp ") .forward(request, response); } /** ETC...*/ } 

Antes que nada, podemos observar que ya NO usamos más el objeto ou t (PrintWriter ), sino más bien delegamos esta tarea de imprimir a la vista o presentación, por lo tanto cargamos (o despachamos) una vista o página

JSP quien se encargará de imprimir/mostrar los datos de nuestra aplicación. 

Ahora, expliquemos un poco de que se trata todo este nuevo código, para empezar observamos que asignamos dos atributo s al request, el primero "saludo " con un texto o mensaje y el segundo el " titulo ", entonces cada vez que necesitemos pasar o asignar datos a la vista necesitamos usar el objeto

request y su método setAttribute(nombre, valor), como primer argumento recibe el nombre o llave del atributo y como segundo argumento su valor u objeto. 

Luego hacemos un forward hacia la vista JSP mediante el objeto

RequestDispatcher , en otras palabras cargamos la vista JSP manteniéndonos dentro del mismo contexto actual del request, misma razón por la que es necesario pasar el objeto request y response como argumentos al método forward(request, response). 

Finalmente, podemos destacar que pasamos como argumento al método

getRequestDispatcher(" /saludar.jsp" ) el nombre de la vist a JSP a cargar (o despachar), en el ejemplo saludar.jsp, la cual se encuentra en la raíz del directorio Web Pages . AUTOR: Andrés Guzmán Fontecilla. Email: [email protected] WEB: http://www.bolsadeideas.com LICENCIA: http://creativecommons.org/licenses/by-nc/4.0

7


Curso: "Java EE 7 y Frameworks" 2017 6. A continuación guardamos los cambios (Ctrl + S). 7. Ahora creamos la vista saludar.jsp: 

Clic derecho en Web Pages -> New -> Other

AUTOR: Andrés Guzmán Fontecilla. Email: [email protected] WEB: http://www.bolsadeideas.com LICENCIA: http://creativecommons.org/licenses/by-nc/4.0

8


Curso: "Java EE 7 y Frameworks" 2017 Escoger Web en Categorías ( Categories ) y JSP bajo File Types .





Clic en Next .



En File Name ingresamos saludar , para dar el nombre a la vista jsp.



Clic en Finish .


9



8. Modificamos el contenido que viene por defecto según el código de abajo: <%@page contentType="text/html" pageEncoding="UTF-8"%> <% String saludo = (String) request.getAttribute("saludo"); String titulo = (String) request.getAttribute("titulo"); %> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <%=titulo%>
<%=saludo%>



Sólo comentar que usando el mismo objeto request, pero en la vista, capturamos los datos almacenados en el controlador usando el método


10


Curso: "Java EE 7 y Frameworks" 2017 getAttribute(nombre), pasando como argumento el nombre o llave del atributo que le dimos en el controlador. 9. Ahora modificamos el segundo servlet RespuestaServlet Expandimos el proyecto hola-mundo-servlet-mvc para modificar el Servlet



hola-mundo-servlet-mvc->Source Packages->com.formacionbdi.servlets.saludar 

Abrir con doble clic la clase RespuestaServlet.



Remplazamos el contenido del método processRequest por el siguiente, tal como se muestra en el código de abajo:

/** ETC...*/ protected void processRequest(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html;charset=UTF-8"); // Obtenemos la session creada anteriormente HttpSession session = request.getSession(); //Obtenemos el mensaje, guardado en la página anterior String mensaje = (String) session.getAttribute("mensaje"); //Pasamos el mensaje de la sesion a la vista jsp request.setAttribute("mensaje", mensaje); //Finalemnte destruimos la session HTTP session.invalidate(); /* El Servlet selecciona la vista respuesta.jsp y reenvía los atributos dentro de la misma petición HTTP */ getServletContext().getRequestDispatcher(" /respuesta.jsp ") .forward( request, response ); } 

Guardamos los cambios (Ctrl + S).

10. Luego, creamos la vista respuesta.jsp: 11. Clic derecho en Web Pages -> New -> Oth er 12. Escoger Web bajo Categorías ( Categories ) y seleccionar JSP bajo File Types . 13. Clic en Next .


11




12


Curso: "Java EE 7 y Frameworks" 2017 

En File Name ingresamos respuesta, para dar el nombre al archivo jsp.



Clic en Finish .

14. Modificamos en contenido que viene por defecto según el código de abajo: <%@page contentType="text/html" pageEncoding="UTF-8"%> <% String mensaje = (String) request.getAttribute("mensaje"); String nombre = request.getParameter("nombre"); %> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> Respuesta
Hola, <%=mensaje%> !
<%if ((nombre != null) && (nombre.length() > 0)) {%>
Hola, <%=nombre%>!
<% } %> AUTOR: Andrés Guzmán Fontecilla. Email: [email protected] WEB: http://www.bolsadeideas.com LICENCIA: http://creativecommons.org/licenses/by-nc/4.0

13





Clic-Derecho en el proyecto hola-mundo-servlet-mvc y seleccionar Run .



Se abre el Navegador con la ruta base y cambiamos la url a: http://localhost:8080/hola-mundo-servlet-mvc/SaludarServlet



- > Enter .

Escriba su nombre en el campo (input form) y clic en el botón Enviar .


14




15


Curso: "Java EE 7 y Frameworks" 2017 Ejercicio 2: Abrir, construir y ejecutar aplicación catalogo-servlet-mvc: 1. Iniciar NetBeans IDE 2. Descargar proyecto catalogo-servlet-mvc.rar (viene como parte del laboratorio de ésta semana como archivo de descarga). o Windows: Descomprimir el archivo catalogo-servlet-mvc.rar bajo el directorio C:\curso\javaee\servlet, antes tener creado el directorio . o Unix/Linux: Descomprimir el archivo bajo el directorio $HOM/curso/javaee/servlet , antes tener creado el directorio . 3. Abrir el proyecto catalogo-servlet-mvc: Seleccionar File->Open Project (Ctrl+Shift+O) 



 

Luego aparece la ventana Open Project y buscar el proyecto descomprimido en el paso anterior en curso\javaee\servlet Seleccionar la carpeta catalogo-servlet-mvc Clic en Open Project .


16





Finalmente se agrega el nuevo proyecto bajo la pestaña Projects


17


Curso: "Java EE 7 y Frameworks" 2017 4. Construir y ejecutar el proyecto catalogo-servlet-mvc : 

Clic-derecho en proyecto catalogo-servlet-mvc y seleccionar Run .



El navegador se abre, mostrando un listado de productos.


18


Curso: "Java EE 7 y Frameworks" 2017 5. Navegar la aplicación, clic en el producto con ID 1:

6. Luego muestra el detalle del producto con ID 1, recibiendo el id como parámetro en la URL, petición del tipo GET: …/detalle? id =1 y en el servlet capturamos el

valor mediante el objeto request (HttpServletRequest):

request.getParameter("id " )


19


Curso: "Java EE 7 y Frameworks" 2017 En el siguiente paso, vamos a analizar y estudiar el código detrás de escena. 7. Doble clic en Producto.java:





Expandimos: catalogo-servl et-mvc ->Sour ce Packages->models: Abrimos la clase Producto.java con doble clic

package models; /** * @author Andrés Guzmán F */ public class Producto { private int id; private String nombre; private int precio; public Producto(int id, String nombre, int precio) { this.id = id; this.nombre = nombre; this.precio = precio; } public Producto() { } public int getId() { return id; } public void setId(int id) { this.id = id; } public String getNombre() { return nombre; } public void setNombre(String nombre) { this.nombre = nombre; } public int getPrecio() { return precio; } public void setPrecio(int precio) { this.precio = precio; AUTOR: Andrés Guzmán Fontecilla. Email: [email protected] WEB: http://www.bolsadeideas.com LICENCIA: http://creativecommons.org/licenses/by-nc/4.0

20


Curso: "Java EE 7 y Frameworks" 2017 } } 

Vemos una simple clase Java, que representa una entidad dentro del sistema, un concepto del contexto, es parte del modelo ya que contiene un estado, datos, normalmente representará a un registro de una tabla en una base de datos.

8. Ahora hacemos un doble clic en CatalogoDbDb.java Expandimos: catalogo-servl et-mvc ->Sour ce Packages->models:





Abrimos la clase CatalogoDbDb.java con doble clic



Observamos una clase java que simula una base de datos, creando un listado (registros), registrando objetos del tipo Producto con sus datos respectivos. Este tipo de clase se le conoce por nombre de DAO o Data Access Object, es decir un objeto de acceso a datos quien se encarga de las operaciones con los datos, normalmente de una base de datos, consultas SQL u de otro tipo. En este caso tiene dos métodos:

obtenerTodos() y busc arProduct oPorId(int id):


21


Curso: "Java EE 7 y Frameworks" 2017 package models; import java.util.ArrayList; import java.util.List; /** * * @author Andrés Guzmán F */ public class CatalogoDb { private List productos = new ArrayList(); public CatalogoDb() { productos.add(new productos.add(new productos.add(new productos.add(new productos.add(new productos.add(new productos.add(new productos.add(new }

Producto(1, Producto(2, Producto(3, Producto(4, Producto(5, Producto(6, Producto(7, Producto(8,

"Panasonic Pantalla LCD", 259990)); "Sony Cámara digital DSC-W320B", 123490)); "Apple iPod shuffle ", 69990)); "Sony Notebook Z110 ", 1499990)); "Hewlett Packard Multi F2280", 37990)); "Bianchi Bicicleta Aro 26", 69990)); "Mica Cómoda 5 Cajones", 69990)); "Movistar Celular Nokia X6 ", 299990));

public List obtenerTodos() { return productos; } public Producto buscarProductoPorId(int id) { Producto resultado = null; for (Producto producto : productos) { if (producto.getId() == id) { resultado = producto; break; } } return resultado; } }


22


Curso: "Java EE 7 y Frameworks" 2017 9. Ahora analicemos la clase CatalogoEventListener.java, un Listener encargado de inicializar el modelo dentro del Contexto del Servlets: Expandimos: catalogo-servlet-mvc ->Source Packages->controller :



10. Abrimos la clase CatalogoEventListener.java con doble clic 

Implementa la interfaz ServletContextListener para poder iniciar la construcción de los objetos del modelo en el inicio del ciclo de vida de la aplicación (Contexto del sistema) implementando el método

contextInitialized , donde creamos los objetos y los guardamos como atributos de la aplicación usando el objeto servletContext , más adelante en los servlets podemos obtener este objeto ( servletContext ) y acceder a sus atributos, de esta manera podemos obtener el objeto catalogoDb :

package controllers; import javax.servlet.ServletContext; import javax.servlet.ServletContextEvent; import javax.servlet.ServletContextListener; import models.CatalogoDb; /** * Web application lifecycle listener. * * @author Andrés Guzmán F */ public class CatalogoEventListener implements ServletContextListener { ServletContext servletContext; public void contextInitialized(ServletContextEvent sce) { servletContext = sce.getServletContext(); servletContext.setAttribute("catalogoDb", new CatalogoDb()); } public void contextDestroyed(ServletContextEvent sce) { servletContext.removeAttribute("catalogoDb"); } }


23



11. Ahora, estudiemos el controlador del listado, doble clic en

ListadoServletController.java 12. Expandimos: catalogo-servlet-mvc ->Source Packages->controller 13. Abrimos la clase ListadoServletController.java con doble clic 

El método init es quien se encarga de inicializar el servlet, es como un constructor, recibe como argumento al objeto config , luego mediante éste obtenemos el objeto servletContext quien se encarga de acceder y recuperar al objeto catalogoDb (mediante el método getAttribute) almacenado en el Listener.

14. Luego, en el método processRequest utilizamos el objeto del modelo (catalogoDb) para obtener el listado y luego se lo pasamos a la vista, muy limpio y sencillo. /* ... Etc ... */ @WebServlet(name = "ListadoController", urlPatterns = {"/catalogo/listado"}) public class ListadoServletController extends HttpServlet { private CatalogoDb modelo; @Override public void init(ServletConfig config) throws ServletException { super.init(config); modelo = (CatalogoDb) config.getServletContext() .getAttribute(" catalogoDb "); } protected void processRequest(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { /* Asignamos la variable nombre a la vista jsp, mediante el contexto Request */ request.setAttribute("productos", modelo.obtenerTodos()); request.setAttribute("titulo", "Listado de Productos"); /* El Servlet selecciona la vista respuesta.jsp y reenvía los atributos dentro de la misma petición HTTP */ getServletContext().getRequestDispatcher("/listado.jsp") AUTOR: Andrés Guzmán Fontecilla. Email: [email protected] WEB: http://www.bolsadeideas.com LICENCIA: http://creativecommons.org/licenses/by-nc/4.0

24


Curso: "Java EE 7 y Frameworks" 2017 .forward(request, response); } /* ... Etc ...*/


25


Curso: "Java EE 7 y Frameworks" 2017 Ahora como tarea analizar: 1. El código del servlet DetalleServletController.java 2. Las respectivas archivos de vistas jsp ubicadas bajo catalogo-servlet-mvc -

>Web Pages-> (ind ex.jsp y li stado.jsp ) 3. Analizar la estructura del archivo de despliegue o configuración de arranque

web.xml, ubicado bajo catalogo-servlet-mvc ->Configuration Files-> web.xml y hacer clic en la pestaña XML o Source del editor:


26


Curso: "Java EE 7 y Frameworks" 2017 Ejercicio 3: Abrir y ejecutar aplicación catalogodb-servlet-mvc usando base de datos: El objetivo de esta práctica de laboratorio es aprender cómo configurar la base de datos Derby de Java, veremos cómo iniciar el servidor de base de datos, crear una nueva base de datos con su propio esquema y crear una tabla para almacenar los productos del catálogo. Además vamos a abrir y ejecutar una aplicación web con base de datos, analizaremos y estudiaremos el código que nos permite construir un sistema CRUD/Crear, actualizar, Borrar y Listar MVC con Sevlet/JSP (Un mantenedor de Productos) utilizando NetBeans IDE.


27


Curso: "Java EE 7 y Frameworks" 2017 Configurar la Base de Datos de Java (Apache Derby) 1. Iniciar/levantar el servicio de la base de datos Java DB 

Seleccionar la pestaña Services.



Expandir en Databases



Clic-Derecho en Java DB y seleccionar Start Server

2. Crear la Base de datos 

Clic-Derecho en Java DB y seleccionar

Create Database…


28





En el campo Database Name escribimos java_pro du ct os



En User Name tipeamos curso



En Password y Confirm Password, ingresamos javaee



Ok .

3. Aparece una nueva conexión a la base de datos en Services bajo Databases 

jd bc :d erby://lo calh os t: 1527/jav a_pro du ct os [c ur so on CURSO]


29


Curso: "Java EE 7 y Frameworks" 2017 4. Clic Derecho sobre el string de conexión que aparece y seleccionar Connect

5. Luego, clic derecho sobre el string de conexión (ya con conexión) y seleccionar

Execute Command.


30



6. Aparece el SQL Command editor, copiamos y pegamos lo siguiente: CREATE TABLE productos ( id INT NOT NULL GENERATED ALWAYS AS IDENTITY, nombre VARCHAR(50), precio INT, cantidad INT, PRIMARY KEY (id) ); INSERT INTO productos (nombre, precio, cantidad) VALUES('Panasonic Pantalla LCD', 259990, 20); INSERT INTO productos (nombre, precio, cantidad) VALUES('Sony Cámara digital DSC-W320B', 123490, 12); INSERT INTO productos (nombre, precio, cantidad) VALUES('Apple iPod shuffle', 1499990, 25); INSERT INTO productos (nombre, precio, cantidad) VALUES('Sony Notebook Z110', 37990, 10); INSERT INTO productos (nombre, precio, cantidad) VALUES('Hewlett Packard Multifuncional F2280', 69990, 7); INSERT INTO productos (nombre, precio, cantidad) VALUES('Bianchi Bicicleta Aro 26', 69990, 5); INSERT INTO productos (nombre, precio, cantidad) VALUES('Mica Cómoda 5 Cajones', 299990, 20);


31




32


Curso: "Java EE 7 y Frameworks" 2017 7. Clic en el botón Run SQL



Listo ;-)


33


Curso: "Java EE 7 y Frameworks" 2017 8. Verificando los productos en la tabla recién creada 

Expandir el String de conexión ->clic derecho y seleccionar Refresh



Expandir el esquema CURSO-> expandir Tables



Clic derecho en PRODUCTOS y seleccionar View Data


34


Curso: "Java EE 7 y Frameworks" 2017 Construir y ejecutar el proyecto 1. Descargar proyecto catalogo-servlet-mvc-db.rar (viene como parte del laboratorio de ésta semana como archivo de descarga). Windows: Descomprimir el archivo bajo el directorio

o

C:\curso\javaee\servlet, antes tener creado el directorio . o

Unix/Linux: Descomprimir el archivo bajo el directorio

$HOM/curso/javaee/servlet , antes tener creado el directorio . 2. Abrir el proyecto catalogo-servlet-mvc-db: Seleccionar File->Open Project (Ctrl+Shift+O)





Luego aparece la ventana Open Project y buscar el proyecto descomprimido en el paso anterior en curso\javaee\servlet



Seleccionar la carpeta catalogo-servlet-mvc-db



Clic en Open Project .



Finalmente se agrega el nuevo proyecto bajo la pestaña Projects


35


Curso: "Java EE 7 y Frameworks" 2017 3. Construir y ejecutar el proyecto catalogo-servlet-mvc-db : 

Clic-derecho en proyecto catalogo-servlet-mvc-db y seleccionar Run .



El navegador se abre, mostrando un listado de productos.

Solución de probl emas 1: Si aparece un error 404 o 500 (Figura del navegador más abajo y figura del logs del despliegue de Glassfish), esto se debe a que la base de datos no ha sido iniciada o levantada.


36




37


Curso: "Java EE 7 y Frameworks" 2017 Ejercicio 3: Navegar y usar la aplicación JSP Catalogo


38




39




40




41


Curso: "Java EE 7 y Frameworks" 2017 Ejercicio 4: Estudiar código de la aplicación catalogo-servlet-mvc-db An tes de r evisar el c ód ig o v amo s a ex pl ic ar y anali zar la Clas e de Mo del o DAO ProductoDao y en patrón de arquitectura DAO. En Ingeniería de software, un Data Access Object (DAO, Objeto de Acceso a Datos) es una clase que implementa y provee una interfaz común para acceder y trabajar con los datos de una fuente de almacenamiento (Data Source), tales como una Base de datos, un archivo plano o un XML. Nuestra aplicación debe ser capaz de obtener los datos y de persistirlos en algún lugar, pero no tiene por qué saber de dónde los está sacando o dónde se almacenan. Hay una forma de hacer esto que ha resultado bastante eficiente en el mundo JEE y de aplicaciones web, pero que es aplicable a cualquier tipo de aplicación que deba recuperar los datos de algún sitio y almacenarlos. Es lo que se conoce como patrón DAO (Data Access Object). La idea de este patrón es sencilla. En primer lugar, debemos crear las clases que representan nuestros datos, las entidades. Por ejemplo, podemos escribir una clase Producto implementada con JDBC de Java, pero ya la tenemos! Más adelante veremos cómo implementarla con el ORM Hibernate. Luego creamos una interface. Esta interface tiene que tener los métodos necesarios para obtener y almacenar los productos (contrato de implementación) con las operaciones básicas que típicamente son: listar, obtener por id, guardar, eliminar etc. Entonces resumiendo un DAO es simplemente una clase del modelo que se encarga de implementar las operaciones básicas de acceso a datos que debe implementar un contrato, la interfaz.


42


Curso: "Java EE 7 y Frameworks" 2017 Primero veamos la interfaz IProductoDao con las operaciones y contrato que tendrá la clase Dao que accede a nuestros datos: 1. Estudiar la interfaz IProductoDao 

Doble clic IProductoDao.java bajo catalogo-servlet-mvc-db->Source

Packages->models.dao 

Estudiar el código poniendo especial atención en los comentarios sobresaltados en negrit a y azul .

package models.dao; import java.util.List; import models.entity.Producto ; public interface IProductoDao { public List listar(); public Producto buscarPorId(int id); public void guardar( Producto producto); public void eliminar( Producto producto); }

Entonces una clase DAO (Data Access Object) nos permite disponer de las funcionalidades y operaciones básicas como actualizar, crear, eliminar, listar y ver detalle. Para este ejemplo vamos a implementar de manera muy simple la clase de Modelo DAO ProductoDao que usa la clase de modelo Producto (Entity), donde una clase Entity representa los datos o registros de una tabla en la base de datos.


43


Curso: "Java EE 7 y Frameworks" 2017 Entonces, veamos nuestra clase ProductoDao que implementa la interfaz Dao. 2. Estudiar la clase ProductoDao 

Doble clic ProductoDao.java bajo catalogo-servlet-mvc-db->Source

Packages->models.dao 


package models.dao; import import import import import import import

java.sql.Connection; java.sql.PreparedStatement; java.sql.ResultSet; java.sql.SQLException; java.sql.Statement; java.util.ArrayList; java.util.List;

import util.ConexionJdbc; import models.entity.Producto; public class ProductoDaoJDBC implements IProductoDao { private Connection conn; public void setConnection(Connection conn) { this.conn = conn; } public Connection getConnection() { if (conn == null) { conn = new ConexionJdbc().getConnection(); } return conn; } public void closeConnection() { try { getConnection().close(); conn = null; } catch (SQLException e) { e.printStackTrace(); AUTOR: Andrés Guzmán Fontecilla. Email: [email protected] WEB: http://www.bolsadeideas.com LICENCIA: http://creativecommons.org/licenses/by-nc/4.0

44


Curso: "Java EE 7 y Frameworks" 2017 } } @Override public List listar() { List lista = new ArrayList(); try { Statement stmt = getConnection().createStatement(); ResultSet resultado = stmt.executeQuery("SELECT * FROM productos"); while (resultado.next()) { Producto producto = new Producto(); producto.setId(resultado.getInt("id")); producto.setNombre(resultado.getString("nombre")); producto.setPrecio(resultado.getInt("precio")); producto.setCantidad(resultado.getInt("cantidad")); lista.add(producto); } stmt.close(); } catch (SQLException e) { e.printStackTrace(); } finally { closeConnection(); } return lista; } @Override public Producto buscarPorId(int id) { Producto producto = null; try { PreparedStatement stmt = getConnection().prepareStatement( "SELECT * FROM productos WHERE id = ?"); stmt.setInt(1, id); ResultSet resultado = stmt.executeQuery(); if (resultado.next()) { producto = new Producto(); producto.setId(resultado.getInt("id")); producto.setNombre(resultado.getString("nombre")); producto.setPrecio(resultado.getInt("precio")); producto.setCantidad(resultado.getInt("cantidad")); } stmt.close(); } catch (SQLException e) { e.printStackTrace(); } finally { AUTOR: Andrés Guzmán Fontecilla. Email: [email protected] WEB: http://www.bolsadeideas.com LICENCIA: http://creativecommons.org/licenses/by-nc/4.0

45


Curso: "Java EE 7 y Frameworks" 2017 closeConnection(); } return producto; } @Override public void guardar(Producto producto) { try { PreparedStatement stmt = null; if (producto.getId() > 0) { String sql = "UPDATE productos SET nombre=?,precio=?,cantidad=? WHERE id=?"; stmt = getConnection().prepareStatement(sql); stmt.setInt(4, producto.getId()); } else { String sql = "INSERT INTO productos(nombre, precio, cantidad) VALUES (?,?,?)"; stmt = getConnection().prepareStatement(sql); } stmt.setString(1, producto.getNombre()); stmt.setInt(2, producto.getPrecio()); stmt.setInt(3, producto.getCantidad()); stmt.executeUpdate(); stmt.close(); } catch (SQLException e) { e.printStackTrace(); } finally { closeConnection(); } } @Override public void eliminar(Producto producto) { try { PreparedStatement stmt = getConnection().prepareStatement( "DELETE FROM productos WHERE id=?"); stmt.setInt(1, producto.getId()); stmt.executeUpdate(); stmt.close(); } catch (SQLException e) { e.printStackTrace(); } finally { closeConnection(); } } } AUTOR: Andrés Guzmán Fontecilla. Email: [email protected] WEB: http://www.bolsadeideas.com LICENCIA: http://creativecommons.org/licenses/by-nc/4.0

46



Podemos observar, en primer lugar, que hacemos uso del modelo Producto. Vamos a utilizar este objeto para implementar las operaciones en la tabla de base de datos de nuestros productos. La instancia de ProductoDao contiene el objeto de Conexión a la Base de datos mediante el API JDBC. El método obtenerTodos() retorna todos los objetos productos desde la base de datos como un List, PreparedStatement es usado para preparar las consultas y luego ejecutar las operaciones de la base de datos, el objeto ResultSet es usado para recorrer un cursor retornando cada uno de los registros, por pada registro se crea un objeto entity Producto y se almacena en la lista, al final se retorna el resultado como una lista de objetos del tipo Producto. El método obtenerPorId($id), según el id pasado por argumento en el método retorna un único registro como un objeto del tipo Producto, el método guardar(Producto) crea un nuevo registro en la base de datos o bien actualiza un registro dependiendo si existe el id, donde un objeto de Producto es pasado por argumento al método, éste objeto producto contiene los valores de la petición, típicamente del formulario, finalmente

eliminar(Producto) elimina un registro completamente (dado su id). El código e implementación de cada uno de estos métodos es simple y hablan por sí solos, no vamos a profundizar más allá para no extendernos más de la cuenta.


47


Curso: "Java EE 7 y Frameworks" 2017 3. Estudiar la clase Servlet ListadoController 

Doble clic ListadoController.java bajo catalogo-servlet-mvc-db-

>Source Packages->controllers 


/* ... Etc ... */ @WebServlet("/catalogo/listado") public class ListadoController extends HttpServlet { @Override protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { IProductoDao dao = new ProductoDaoJDBC(); List lista = dao.listar(); request.setAttribute("productos", lista); request.setAttribute("titulo", "Listado de Productos"); request.getRequestDispatcher("/WEB-INF/views/listado.jsp") .forward(request, response); } } 

Utilizando el objeto DAO (Objeto de acceso a Datos) obtiene el listado completo de los productos.


48


Curso: "Java EE 7 y Frameworks" 2017 4. Estudiar vista JSP listado.jsp 

Doble clic listado.jsp bajo catalogo -servlet-mvc-db->Web Pages-

>/WEB-INF/views->listado.jsp 


<%@page import="models.entity.Producto"%> <%@page import="java.util.List"%> <% List lista = (List) request.getAttribute(" productos"); String titulo = (String) request.getAttribute("titulo"); %> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <%=titulo%>
<%=titulo%>
/catalogo/form">crear producto <% for (Producto producto : lista) {%> <%}%>

Id Nombre Precio Cantidad Editar Eliminar
<%=producto.getId()%> <%=producto.getNombre()%> <%=producto.getPrecio()%> <%=producto.getCantidad()%> /catalogo/form?id= <%=producto.getId()%>">editar /catalogo/eliminar?id=<%=producto.getId()%>">eliminar

49



5. Estudiar la clase Servlet FormController 

Doble clic FormController.java bajo catalogo-servlet-mvc-db->Source

Packages->controllers 


/* ... Etc ... */ @WebServlet("/catalogo/form") public class FormController extends HttpServlet { private static final long serialVersionUID = 1L; @Override protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { int id = (request.getParameter("id") == null) ? 0 : Integer.parseInt(request.getParameter("id")); Producto producto; String titulo; IProductoDao dao = new ProductoDaoJDBC(); if (id > 0) { producto = dao.buscarPorId(id); titulo = "Modificar Producto"; } else { producto = new Producto(); titulo = "Crear Producto"; } request.setAttribute("producto", producto ); request.setAttribute("titulo", titulo); request.getRequestDispatcher("/WEB-INF/views/form.jsp") .forward(request, response); } @Override protected void doPost(HttpServletRequest request, HttpServletResponse response) AUTOR: Andrés Guzmán Fontecilla. Email: [email protected] WEB: http://www.bolsadeideas.com LICENCIA: http://creativecommons.org/licenses/by-nc/4.0

50


Curso: "Java EE 7 y Frameworks" 2017 throws ServletException, IOException { int id = (request.getParameter("id") == null) ? 0 : Integer.parseInt(request.getParameter("id"));

List errores = new ArrayList(); String nombre = request.getParameter("nombre"); int precio = 0; try { precio = Integer.parseInt(request.getParameter("precio")); } catch (NumberFormatException e) { errores.add("precio vacio o formato incorrecto"); } int cantidad = 0; try { cantidad = Integer.parseInt(request.getParameter("cantidad")); } catch (NumberFormatException e) { errores.add("cantidad vacia o formato incorrecto"); } if (nombre.isEmpty()) { errores.add("nombre es requerido"); } if (precio == 0) { errores.add("precio es requerido"); } if (cantidad == 0) { errores.add("cantidad es requerida"); } IProductoDao dao = new ProductoDaoJDBC(); Producto producto = new Producto(); producto.setId(id); producto.setNombre(nombre); producto.setPrecio(precio); producto.setCantidad(cantidad); if (errores.isEmpty()) { dao.guardar( producto ); String url = request.getContextPath() + "/catalogo/listado"; response.sendRedirect(url); } else { request.setAttribute("producto",

producto);


51


Curso: "Java EE 7 y Frameworks" 2017 request.setAttribute("titulo", "Validando Producto"); request.setAttribute("errores", errores); request.getRequestDispatcher("/WEB-INF/views/form.jsp") .forward(request, response); } } } 

En el Servlet omitimos el uso del método processRequest(request, response y utilizamos directamente doGet(request, response) /

doPost(request, response) para manejar las peticiones. Usamos doGet(request, response) para manejar una petición HTTP



GET y doPost(request, response) para POST. Entonces doGet se encarga de mostrar el formulario al usuario mientras que doPost se encarga de procesar el formulario cuando este es enviado por el usuario. 

En doGet , entonces según si existe el parámetro id se va a buscar el producto a la base de datos, de lo contrario se crea un nuevo objeto producto, es decir para editar o crear un nuevo producto respectivamente, en la base de datos usando la clase Dao.



Mientras que doPost procesa el form, recibe los datos del formulario mediante el objeto request, luego valida que estos datos no sean vacíos y de ser así guarda/edita el producto en la base de datos, si los datos no se validan correctamente entonces retornamos de regreso al formulario con los mensajes de errores.

6. Estudiar vista JSP formulario.jsp 

Doble clic formulario.jsp bajo catalogo -servlet-mvc-db ->Web Pages-

>/WEB-INF/views->formulario.jsp 



52


Curso: "Java EE 7 y Frameworks" 2017 <%@page import="java.util.List"%> <%@page import="models.entity.Producto"%> <%

String titulo = (String) request.getAttribute("titulo"); Producto producto = (Producto) request.getAttribute("producto"); List errores = (List) request.getAttribute("errores"); %> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <%=titulo%>
<%=titulo%>
<% if (errores != null && errores.size() > 0) {%>
<% for (String error : errores) {%>
<%=error%>
<% }%>
<% }%> /catalogo/listado"><

Nombre: " />

Precio: " />

Cantidad " />


53


Curso: "Java EE 7 y Frameworks" 2017 

El formulario bien sencillo, obtenemos los atributos de producto y

errores, en caso de falla en la validación se regresa al formulario y mostramos estos mensajes con un foreach. 

Tal como mencionamos, si se pasa el id como parámetro en la url es para editar un producto, por lo tanto el FormController irá a la base de datos a buscar el registro y luego los datos serán mostrados en el formulario, listos para ser modificados.



Además notamos que tenemos un campo input hid den llamado id , que es justamente para enviar el id del producto de vuelta al controlador, cuando el formulario se envía para ser procesado, de esta forma le indicamos al método guardar(producto) de la clase ProductoDaoJDBC si tiene que hacer un insert o bien un update .


54


Curso: "Java EE 7 y Frameworks" 2017 7. Estudiar la clase Java de conexión a la base de datos 

Doble clic en la clase ConexionJdbc.java bajo catalogo-servlet-mvc-

db->Sour ce Packages->util 

Apoyarse con la lectura de los documento de anexos disponibles: o

anexo-jdbc.pdf y anexo-excepciones.pdf

package util; import java.sql.Connection; import java.sql.DriverManager; import java.sql.SQLException; public class ConexionJdbc { private private private private private

Connection conn; String user = "curso"; String password = "javaee"; String url = "jdbc:derby://localhost:1527/java_productos"; String driverClass = "org.apache.derby.jdbc.ClientDriver";

public ConexionJdbc(String user, String password, String url, String driverClass) { this.user = user; this.password = password; this.url = url; this.driverClass = driverClass; conectar(); } public ConexionJdbc() { conectar(); } private void conectar() { try { Class.forName( driverClass ); conn = DriverManager.getConnection( url, user, password); } catch (ClassNotFoundException e) { // TODO Auto-generated catch block e.printStackTrace(); } catch (SQLException e) { // TODO Auto-generated catch block e.printStackTrace(); } } public Connection getConnection() { return conn; AUTOR: Andrés Guzmán Fontecilla. Email: [email protected] WEB: http://www.bolsadeideas.com LICENCIA: http://creativecommons.org/licenses/by-nc/4.0

55


Workshop Servlet Mvc

Recommend Documents

<%=saludo%>

Hola, <%=mensaje%> !

Hola, <%=nombre%>!

<%=titulo%>

<%=titulo%>