Java Web Lección 03: Patrón MVC

INTRODUCCIÓN

El Patrón Model-View-Controller (MVC) es el mas utilizado en desarrollo web.

Este patrón permite estructurar una aplicación web en tres capas, donde cada una tiene una responsabilidad bien definida, haciendo mas fácil el desarrollo y mantenimiento de la aplicación.

DIAPOSITIVA

CÓDIGO FUENTE - EUREKA-WEB-ORACLE-JDBC

En esta oportunidad te presento un video donde te explico cómo ejecutar el código fuente de una aplicación Java Web, utilizando HTML, CSS, JavaScript, AJAX y JSON, en la capa de persistencia se utiliza JDBC y base de datos Oracle XE 11g.

Tú tienes acceso al código fuente de esta aplicación, después del video esta el enlace.

Descarga el código fuente

Java Web Lección 03: Patrón MVC

INTRODUCCIÓN

El Patrón Model-View-Controller (MVC) es el mas utilizado en desarrollo web.

Este patrón permite estructurar una aplicación web en tres capas, donde cada una tiene una responsabilidad bien definida, haciendo mas fácil el desarrollo y mantenimiento de la aplicación.

DIAPOSITIVA

TALLER VIRTUAL DE SPRING FRAMEWORK

Acceso a Cursos Virtuales

Java Web Lección 03: Patrón MVC

INTRODUCCIÓN

El Patrón Model-View-Controller (MVC) es el mas utilizado en desarrollo web.

Este patrón permite estructurar una aplicación web en tres capas, donde cada una tiene una responsabilidad bien definida, haciendo mas fácil el desarrollo y mantenimiento de la aplicación.

DIAPOSITIVA

CÓDIGO FUENTE - EUREKA-WEB-ORACLE-JDBC

En esta oportunidad te presento un video donde te explico cómo ejecutar el código fuente de una aplicación Java Web, utilizando HTML, CSS, JavaScript, AJAX y JSON, en la capa de persistencia se utiliza JDBC y base de datos Oracle XE 11g.

Tú tienes acceso al código fuente de esta aplicación, después del video esta el enlace.

Descarga el código fuente

Java Web Lección 03: Patrón MVC

INTRODUCCIÓN

El Patrón Model-View-Controller (MVC) es el mas utilizado en desarrollo web.

Este patrón permite estructurar una aplicación web en tres capas, donde cada una tiene una responsabilidad bien definida, haciendo mas fácil el desarrollo y mantenimiento de la aplicación.

DIAPOSITIVA

TALLER VIRTUAL DE SPRING FRAMEWORK

Acceso a Cursos Virtuales

Java Web Lección 02: JavaServer Page

INTRODUCCIÓN

Java Server Page (JSP) es la tecnología que permite crear aplicaciones web con la plataforma Java EE de una manera sencilla.

Las páginas JSP permiten combinar HTML estático con HTML generado dinámicamente de una manera muy fácil, de esta manera estaríamos liberándonos de lo dificultoso que resulta hacerlo desde los servlets.

DIAPOSITIVA

CÓDIGO FUENTE

En esta oportunidad te presento un video donde te explico cómo ejecutar el código fuente de una aplicación Java Web, utilizando HTML, CSS, JavaScript, AJAX y JSON, en la capa de persistencia se utiliza JDBC y base de datos Oracle XE 11g.

Tú tienes acceso al código fuente de esta aplicación, después del video esta el enlace.

Descarga el código fuente

Java OO - Lección 08 - Colecciones

INTRODUCCIÓN

Las colecciones son un conjunto de interfaces, clases abstractas y clases concretas que te permiten manejar una gran cantidad de datos relacionados en forma de listas para lo cual dispones de la interfaz List y la clase ArrayList, también como pares de datos CLAVE->VALOR para los cual dispones de la interfaz Map y la clase HashMap.

Todas las clases que nos permiten manejas conjuntos de datos se agrupan en un marco de trabajo conocido como Java Colecction Framework (JCF), y entre sus características la que mas resalta es que soporte Generics, esto quiere decir que podemos crear por ejemplo lista genéricas de tipo Object o listas personalizadas, por ejemplo de tipo Producto, Cliente, Cuenta, etc.

Una de sus aplicación la tenemos en la capa DAO, por ejemplo, si estamos consultan los productos de una categoría, la capa DAO estaría retornando una lista con objetos de tipo Producto.

Todos los componentes de JCF se encuentran en el paquete java.util.

DIAPOSITIVA

JAVA ORIENTADO A OBJETOS - COLECCIONES from Eric Gustavo Coronel Castillo

PRESENTACIÓN DEL TEMA

CURSO PROFESIONAL DE JAVA ORIENTADO A OBJETOS

En esta sección te presento el curso virtual de JAVA ORIENTADO A OBJETOS.

Haz click aquí para acceder al curso

Haz click aquí para acceder a cupones de descuento

CODIGO FUENTE - EUREKA-WEB-MYSQL-SPRING

En esta sección te presento un video de una aplicación web desarrollada SPRING FRAMEWORK y MYSQL.

Tú tienes acceso al código fuente de esta aplicación, después del video tienes el enlace.

Haz click aquí para acceder al código fuente

JSF con CDI - Parte I

INTRODUCCIÓN

JavaServer Faces 2.0 define sus propias anotaciones para registrar las clases que van a ser Managed Beans. La anotación es @javax.faces.bean.ManagedBean y por lo tanto ya no es necsario especificar esta información en el archivo XML faces-config.xml.

También permite definir el ámbito de los Managed Beans y los hace accesibles desde expresiones EL.

@javax.faces.bean.ManagedBean
@javax.faces.bean.SessionScoped
public class ClaseDemo implements Serializable{ 
   ... 
}

Context and Dependency Injection (CDI) define el mecanismo para administrar beans y resolver dependencias entre servicios dentro del estándar JEE. CDI ofrece la posibilidad de inyectar componentes en una aplicación, incluyendo la posibilidad de seleccionar en tiempo de despliegue que implementación en particular se inyectara.

CÓDIGO FUENTE - EUREKA-CS-ORACLE-JDBC

En esta sección te presento un video que una aplicación CLIENTE-SERVIDOR.

Tú tienes acceso al código fuente de esta aplicación, después del video tienes el enlace.

Haz click aquí para acceder al código fuente

CDI: ANOTACIONES BASICAS

Registrar una Clase

Para registrar una clase en CDI se utiliza la anotación @javax.inject.Named.

@javax.inject.Named
public class ClaseDemo implements Serializable{ 
   ... 
}

Por defecto el nombre de la instancia es el nombre de la clase con su primera letra en minúscula, pero es posible especificar otro nombre para referirnos a la instancia de la clase, tal como se muestra a coninuación:

@javax.inject.Named(value = "demoController")
public class ClaseDemo implements Serializable{ 
   ... 
}

Ambito de la Instancia

CDI permite que las instancias existan en ámbitos bien definidos. Para marcar el ámbito de una clase manejada por CDI, se utilizan anotaciones que se encuentran en el paquete javax.enterprise.context.
Los ámbitos soportados por CDI son los siguientes:

@ApplicationScoped	Las instancias existen durante todo el ciclo de vida de la aplicacion. Estas instancias son globales y accesibles desde cualquier sesión HTTP.
@SessionScoped	Las instancias son accesibles por todas las peticiones que ocurren durante una sesión HTTP.
@ConverstationScoped	Las instancias existen durante una conversación. Una conversación esta compuesta de varias peticiones y pueden existir varias conversaciones por sesión.
@RequestScoped	Las instancias solamente existen durante la peticion HTTP. Una vez que termina el ciclo de vida de la petición, también termina su contexto.

El ámbito @RequestScoped es muy común, por lo que existe una anotación que incluye las anotaciones @Named y @RequestScoped, esta anotación es:

@javax.enterprise.inject.Model

CÓDIGO FUENTE - EUREKA-WEB-ORACLE-JDBC

En esta oportunidad te presento un video donde te explico cómo ejecutar el código fuente de una aplicación Java Web, utilizando HTML, CSS, JavaScript, AJAX y JSON, en la capa de persistencia se utiliza JDBC y base de datos Oracle XE 11g.

Tú tienes acceso al código fuente de esta aplicación, después del video esta el enlace.

Descarga el código fuente

EJEMPLO

Descripción

En este ejemplo se desarrolla una aplicación sencilla, que sirva para ilustrar como se aplica CDI con JSF.

El caso es una aplicación que permita sumar dos números, tendremos una pagina para ingresar los números y otra para mostrar el resultado.

El IDE utilizado es NetBeans 7.4 con Glasfish 4.0.

En este ejemplo se utilizarán los siguientes recursos:

index.xhtml	Página que presenta el formulario para ingresar los dos números.
result.xhtml	Página para mostrar el resultado de la operación.
DemoController.java	Clase java administrada por CDI.

Programación

Clase Java: DemoController

package pe.egcc.controller;

import javax.enterprise.context.RequestScoped;
import javax.inject.Named;

/**
 *
 * @author Gustavo Coronel
 */
@Named
@RequestScoped
public class DemoController {

  private int num1;
  private int num2;
  private int suma;

  public int getNum1() {
    return num1;
  }

  public void setNum1(int num1) {
    this.num1 = num1;
  }

  public int getNum2() {
    return num2;
  }

  public void setNum2(int num2) {
    this.num2 = num2;
  }

  public int getSuma() {
    return suma;
  }

  public String doProcesar() {
    suma = num1 + num2;
    return "result";
  }

}

Página: index.xhtml

    <h:form>
    
        <h1>SUMA DE DOS NUMEROS</h1>;
        
        <h:panelGrid columns="2">
        
            <h:outputLabel value="Número 1:"/>
            <h:inputText value="#{demoController.num1}"
                         size="5" />
                            
            <h:outputLabel value="Número 2:"/>
            <h:inputText value="#{demoController.num2}"
                         size="5"/>
                            
            <f:facet name="footer">
                 <h:commandButton value="Procesar" 
                                  action="#{demoController.doProcesar()}"/>
            </f:facet>
            
        </h:panelGrid>
    </h:form>

Página: result.xhtml

    <h:form>
  
       <h1>SUMA DE DOS NUMEROS</h1>

       <h:panelGrid columns="2">
 
           <h:outputLabel value="Número 1:"/>
           <h:outputText value="#{demoController.num1}"/>
           
           <h:outputLabel value="Número 2:"/>
           <h:outputText value="#{demoController.num2}"/>

           <h:outputLabel value="Suma:"/>
           <h:outputText value="#{demoController.suma}"/>
 
           <f:facet name="footer">
               <h:commandLink value="Retornar" 
                              action="index" />
           </f:facet>
           
       </h:panelGrid>
    </h:form>

CÓDIGO FUENTE - EUREKA-WEB-MYSQL-SPRING

En esta sección te presento un video de una aplicación web desarrollada SPRING FRAMEWORK y MYSQL.

Tú tienes acceso al código fuente de esta aplicación, después del video tienes el enlace.

Haz click aquí para acceder al código fuente

Java Web Lección 01: Servlets

INTRODUCCIÓN

El servlet es la tecnología Java que permite crear aplicaciones web dinámicas, es decir, que permite al usuario interactuar con la aplicación, por ejemplo, hacer consultas, insertar y eliminar datos, etc.

Un Servlet es un objeto java que pertenece a una clase que extiende de javax.servlet.http.HttpServlet, y admite peticiones a través del protocolo HTTP. El servlet recibe peticiones desde un navegador web, las procesan y devuelven una respuesta al navegador, normalmente en HTML.

Para obtener la respuesta que debe enviar, un servlet puede acceder a bases de datos, comunicarse con otros componente, como por ejemplo, un Bean, un EJB, o tal vez un Web Service.

En esta lección veremos cómo crear e interactuar con los servlets.

DIAPOSITIVA

CÓDIGO FUENTE - EUREKA-WEB-ORACLE-JDBC

En esta oportunidad te presento un video donde te explico cómo ejecutar el código fuente de una aplicación Java Web, utilizando HTML, CSS, JavaScript, AJAX y JSON, en la capa de persistencia se utiliza JDBC y base de datos Oracle XE 11g.

Tú tienes acceso al código fuente de esta aplicación, después del video esta el enlace.

Descarga el código fuente

CÓDIGO FUENTE - EUREKA-WEB-MYSQL-SPRING

En esta sección te presento un video de una aplicación web desarrollada SPRING FRAMEWORK y MYSQL.

Tú tienes acceso al código fuente de esta aplicación, después del video tienes el enlace.

Haz click aquí para acceder al código fuente

JAVA SERVER FACES LECCION 01- PRIMEROS PASOS

INTRODUCCIÓN

En esta primera sesión entenderemos la arquitectura de JSF, crearemos nuestros primeros ejemplos, y también accederemos a una base de datos utilizando JDBC.

DIAPOSITIVA

CÓDIGO FUENTE - EUREKA-CS-ORACLE-JDBC

En esta sección te presento un video de una aplicación CLIENTE-SERVIDOR.

Tú tienes acceso al código fuente de esta aplicación, después del video tienes el enlace.

Haz click aquí para acceder al código fuente

CÓDIGO FUENTE - EUREKA-WEB-ORACLE-JDBC

En esta oportunidad te presento un video donde te explico cómo ejecutar el código fuente de una aplicación Java Web, utilizando HTML, CSS, JavaScript, AJAX y JSON, en la capa de persistencia se utiliza JDBC y base de datos Oracle XE 11g.

Tú tienes acceso al código fuente de esta aplicación, después del video esta el enlace.

Descarga el código fuente

CÓDIGO FUENTE - EUREKA-WEB-MYSQL-SPRING

En esta sección te presento un video de una aplicación web desarrollada SPRING FRAMEWORK y MYSQL.

Tú tienes acceso al código fuente de esta aplicación, después del video tienes el enlace.

Haz click aquí para acceder al código fuente

Java Web: Problemas con el puerto 8080

PROBLEMA

El puerto 8080 lo utilizan por defecto los servidores JEE como GlassFish, Tomcat y JBoss para las aplicaciones Web.

Normalmente no deberíamos tener ningún problema si utilizamos uno de estos contenedores y trabajamos con MySQL (Puerto 3306) y SQL Server (Puerto 1433).

El problema se presenta en las siguientes situaciones:

1. Si queremos utilizar dos servidores JEE al mismo tiempo en la misma máquina.
2. Si queremos utilizar Oracle XE.

SOLUCIÓN

La solución está en configurar cada uno de estos servidores Java EE con un puerto diferente, en algunos casos se puede optar por cambiar el puerto de Oracle XE.

CAMBIAR PUERTO DE ORACLE XE

1.- Cargamos la consola SQL*Plus

C:\Users\Gustavo> sqlplus /nolog

2.- Iniciamos sesión como super usuario.

SQL> connect / as sysdba
Connected.

3.- Verificamos el puerto actual.

SQL> select dbms_xdb.gethttpport from dual;

GETHTTPPORT
-----------
       8080

4.- Cambiamos el puerto a 8090.

SQL> begin
  2     dbms_xdb.sethttpport('8090');
  3  end;
  4  /
PL/SQL procedure successfully completed.

4.- Verificar el nuevo puerto.

SQL> select dbms_xdb.gethttpport  from dual;
GETHTTPPORT
-----------
       8090

Listo, Oracle XE ya no dará problemas.

CAMBIAR PUERTO EN GLASSFISH

Si estas trabajando con NetBeans y quieres cambiar el puerto de GlassFish el procedimiento es el siguiente:

1.- Desde la vista Services debes acceder a la ventana de propiedades del GlassFish, como se muestra en la siguiente imagen:

2.- Copiamos la ruta de la carpeta del dominio.

3.- En el explorador de archivos, nos dirigimos a la carpeta del dominio, 

4.- Ingresamos a la carpeta domain1, luego a la carpeta config, y cargamos el archivo domain.xml en un editor de texto.

5.- En la fila 219 cambiamos el puerto 8080 por 8083, grabamos el archivo y eso sería todo.

CAMBIAR PUERTO DE TOMCAT EN NETBEANS

Si estas trabajando con NetBeans y quieres cambiar el puerto de Tomcat el procedimiento es el siguiente:

1.- Desde la vista Services debes debes cargar la ventana de propiedades, como se muestra en la siguiente imagen:

2.- En la ventana de propiedades debes cambiar el puerto 8080 por 8084, cierras la ventana y eso sería todo.

CAMBIAR PUERTO DE TOMCAT EN ECLIPSE

Si estas trabajando con Eclipse y quieres cambiar el puerto de Tomcat, el procedimiento es el siguiente:

1.- En la vista Servers y abres la ventana de configuración del servidor, como se muestra en la siguiente figura.

2.- En la vista de configuración del servidor cambias el puerto 8080 por 8085, y grabas los cambios, como se muestra en la siguiente figura.

VIDEO TUTORIAL

Finalmente, tienen el video tutorial.