manual de ayuda jdeveloper 3

85
Construir una aplicación Web con JDeveloper 11 g Uso de EJB, JPA y Java Server Faces Propósito En este tutorial, se utiliza Oracle JDeveloper 11g Versión 11.1.1.2.0 para construir una aplicación web. Para construir el modelo de datos, se utiliza el diagramador EJB, utilizando EJB 3.0 y Java Persistence API (JPA). Para el cliente Web, Java Server Faces (JSF) se utiliza. Una página maestro-detalle, una consulta o editar página y una página de búsqueda se incluyen en la interfaz de usuario. Tiempo para completar 1 hora y treinta minutos Temas El tutorial se tratan los temas siguientes: Información general Escenario Requisitos previos Creación de una conexión de base de datos Creando el modelo de datos usando EJB 3.0 Crear un nuevo proyecto para la interfaz de usuario Crear el flujo de la página Creación de una página JSF Detalle-Master Creación de una consulta de la página Creación de una página de búsqueda Ejecución de las páginas JSF Resumen Visualización de Imágenes Coloque el cursor sobre este icono para cargar y ver todas las capturas de pantalla de este tutorial. (Advertencia: Esta acción cargas de todas las capturas al mismo tiempo, por lo que el tiempo de respuesta puede ser lento dependiendo de su conexión a Internet.) Nota: Como alternativa, puede colocar el cursor sobre un icono individual en los siguientes pasos para cargar y ver sólo la captura de pantalla asociados a ese paso. Puede ocultar una pantalla individual haciendo clic en él. Volver a la lista de temas Información general La aplicación refleja la arquitectura Model-View-Controller. El modelo es proporcionada por los componentes EJB, mientras que la vista y el controlador son proporcionados por JavaServer Faces.You utilizar el ADF Faces conjunto de componentes JSF compatible con la construcción de una interfaz web más ricos. En primer lugar, construir la parte del modelo de datos de la aplicación. El Java Persistence API (JPA) proporciona un modelo de persistencia POJO de mapeo objeto-relacional. El Java Persistence API fue desarrollado por el grupo de expertos de EJB 3.0 de software como parte de JSR 220, pero su uso no se limita a EJB componentes de software. También puede ser utilizado directamente por las aplicaciones web y clientes de aplicaciones, e incluso fuera de la plataforma Java EE, por ejemplo, en aplicaciones Java SE. Enterprise JavaBeans (EJB) es el lado de los componentes de la arquitectura de servidor para Java Platform, Enterprise Edition (Java EE), que encapsula la lógica empresarial. EJB permite y simplifica el desarrollo rápido de, transaccionales, seguros y portátiles aplicaciones distribuidas basadas en tecnología Java. El Java Persistence API es el API estándar para la gestión de persistencia y mapeo objeto / relacional. Proporciona un objeto o Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s... 1 de 85 10/02/2011 09:01 a.m.

Transcript of manual de ayuda jdeveloper 3

Page 1: manual de ayuda jdeveloper 3

Construir una aplicación Web con JDeveloper 11 g Uso de EJB, JPA y Java

Server Faces

Propósito

En este tutorial, se utiliza Oracle JDeveloper 11g Versión 11.1.1.2.0 para construir una aplicación web. Para construir el modelo dedatos, se utiliza el diagramador EJB, utilizando EJB 3.0 y Java Persistence API (JPA). Para el cliente Web, Java Server Faces (JSF)se utiliza. Una página maestro-detalle, una consulta o editar página y una página de búsqueda se incluyen en la interfaz de usuario.

Tiempo para completar

1 hora y treinta minutos

Temas

El tutorial se tratan los temas siguientes:

Información general

Escenario

Requisitos previos

Creación de una conexión de base de datos

Creando el modelo de datos usando EJB 3.0

Crear un nuevo proyecto para la interfaz de usuario

Crear el flujo de la página

Creación de una página JSF Detalle-Master

Creación de una consulta de la página

Creación de una página de búsqueda

Ejecución de las páginas JSF

Resumen

Visualización de Imágenes

Coloque el cursor sobre este icono para cargar y ver todas las capturas de pantalla de este tutorial. (Advertencia:

Esta acción cargas de todas las capturas al mismo tiempo, por lo que el tiempo de respuesta puede ser lento

dependiendo de su conexión a Internet.)

Nota: Como alternativa, puede colocar el cursor sobre un icono individual en los siguientes pasos para cargar y ver sólo la capturade pantalla asociados a ese paso. Puede ocultar una pantalla individual haciendo clic en él.

Volver a la lista de temas

Información general

La aplicación refleja la arquitectura Model-View-Controller. El modelo es proporcionada por los componentes EJB, mientras que lavista y el controlador son proporcionados por JavaServer Faces.You utilizar el ADF Faces conjunto de componentes JSF compatiblecon la construcción de una interfaz web más ricos.

En primer lugar, construir la parte del modelo de datos de la aplicación. El Java Persistence API (JPA) proporciona un modelo depersistencia POJO de mapeo objeto-relacional. El Java Persistence API fue desarrollado por el grupo de expertos de EJB 3.0 desoftware como parte de JSR 220, pero su uso no se limita a EJB componentes de software. También puede ser utilizadodirectamente por las aplicaciones web y clientes de aplicaciones, e incluso fuera de la plataforma Java EE, por ejemplo, enaplicaciones Java SE.

Enterprise JavaBeans (EJB) es el lado de los componentes de la arquitectura de servidor para Java Platform, Enterprise Edition(Java EE), que encapsula la lógica empresarial. EJB permite y simplifica el desarrollo rápido de, transaccionales, seguros yportátiles aplicaciones distribuidas basadas en tecnología Java.

El Java Persistence API es el API estándar para la gestión de persistencia y mapeo objeto / relacional. Proporciona un objeto o

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

1 de 85 10/02/2011 09:01 a.m.

Page 2: manual de ayuda jdeveloper 3

instalación de mapeo relacional para los desarrolladores de aplicaciones con un modelo de dominio de Java para manejar una basede datos relacional. El Java Persistence API es parte de la plataforma Java EE. También se puede utilizar en entornos Java SE.

En el tutorial, se implementa un modelo de persistencia de sesión en desarrollo y los beans de entidad. Estos granos de utilizar elanotaciones EJB 3.0 y JPA para la persistencia del modelo.

EJB 3.0 entidades representan datos persistentes a partir de la base de datos, como una fila de una tabla de clientes o deun registro de empleado en una tabla de empleados. Las entidades también se puede compartir entre varios clientes. Seutiliza la API del administrador de la entidad para crear, actualizar, eliminar y consultar el modelo de persistencia.Los beans de sesión realizar una tarea distinta, disociada como la verificación de historial de crédito para un cliente.

A continuación, crear un formulario principal-detalle para ver la información Departamentos y Empleados. A raíz de esta creación debase principal-detalle la página, se crea una página de consulta para buscar un empleado en particular, y luego editar el expedientedel empleado. También se crea una página de búsqueda para buscar un departamento en particular.

Si bien el desarrollo y prueba la aplicación, el uso encajado JDeveloper de servidor de aplicaciones Java EE.

Volver a la lista de temas

Escenario

Puede crear objetos de persistencia para los departamentos y las tablas de EMPLEADOS. La persistencia de los objetos se

implementan como beans de entidad. comprador por defecto y los métodos setter son creados para los empleados y los datos del

departamento. Estos métodos se implementan como parte de un bean de sesión. Entonces se crea un Maestro-Detalle página JSFbasada en departamentos y empleados relacionados, una consulta o editar la página JSF permitiendo una búsqueda y actualizaciónde los datos de un empleado y una página de búsqueda que permite la entrada de los criterios de búsqueda para encontrar undepartamento en particular.

Volver al tema t Lis

Requisitos previos

1. Tener acceso a, o ha instalado Oracle JDeveloper 11 g versión 11.1.1.2.0. Puede descargarlo gratuitamente desde

Oracle Technology Network .

2. Tienen acceso o tienen instalado el Oracle muestra esquemas, incluido con el Oracle 10g u Oracle 11 g de base de

datos.

El tutorial utiliza el esquema de recursos humanos. En concreto, las páginas de trabajo con los departamentos y lastablas de EMPLEADOS.

Las instrucciones para instalar el esquema de recursos humanos y la creación de una conexión a ella en JDeveloperestán disponibles en línea en:

http://www.oracle.com/technology/obe/obe11jdev/11/common/connection11g.htm

3. Inicio JDeveloper, seleccione Inicio> Programas> Oracle Fusion Middleware> Estudio JDeveloper 11.1.1.2.0

4. Si la migración de usuario cuadro de diálogo Configuración se abre, haga clic en No.

Si se le pide para una función de usuario, elige por defecto de funciones.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

2 de 85 10/02/2011 09:01 a.m.

Page 3: manual de ayuda jdeveloper 3

Cierre el Consejo de la ventana el día.

5. El IDE JDeveloper ahora se debe mostrar.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

3 de 85 10/02/2011 09:01 a.m.

Page 4: manual de ayuda jdeveloper 3

Volver a la lista de temas

Creación de una conexión de base de datos

Java Database Connectivity (JDBC) es una API estándar que se utiliza para la conexión de una aplicación Java a bases de datosrelacionales. JDeveloper utiliza un navegador con mantener la información de conexión para su aplicación. El navegador deconexión hace que sea fácil de crear, administrar y tomas de base de datos.

Si aún no lo ha establecido una conexión con la base de datos, a continuación, hacerlo mediante la realización de los siguientespasos:

1. Haga clic en la pestaña Navigator base de datos en el Navegador de aplicaciones. Si la ficha Explorador de basede datos no está visible, elija Ver> Base de datos> Base de datos Navigator en el menú principal JDeveloper.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

4 de 85 10/02/2011 09:01 a.m.

Page 5: manual de ayuda jdeveloper 3

2. Haga clic en el nodo de conexiones IDE y seleccione Nueva conexión en el menú contextual.

3. En el cuadro de diálogo Crear conexión de base de datos, en la primera sección ingrese los siguientes valores:

Nombre de conexión HRConn

Tipo de conexión Oracle JDBC

Nombre de usuario h

Contraseña h

Guardar contraseña (Comprobado)

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

5 de 85 10/02/2011 09:01 a.m.

Page 6: manual de ayuda jdeveloper 3

Nota: Es seguro para implementar la contraseña, ya que se encripta.

En el Oracle (JDBC) la sección Configuración, introduzca los siguientes valores:

Conductor delgado

Nombre de host localhost

JDBC Puerto 1521

Elija la solución que se aplica mejor a su entorno, completando una de las dos líneas siguientes:

SID ORCL

Nombre del servicio XE

4. Haga clic en Probar conexión.

Si la base de datos está disponible y los detalles de la conexión es correcta, verá la palabra éxito! Que aparecen

en la ventana de estado.

Si se produce un error, compruebe los ajustes de conexión, realice los cambios necesarios, y vuelva a probar laconexión.

Si la conexión es correcta, haga clic en Aceptar para completar la conexión.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

6 de 85 10/02/2011 09:01 a.m.

Page 7: manual de ayuda jdeveloper 3

5. El navegador de base de datos debería tener este aspecto:

Usted acaba de crear una conexión a la base de datos que proporcionará datos para la aplicación a construir eneste tutorial.

La sección siguiente se utiliza esta conexión.

Volver a la lista de temas

Creando el modelo de datos con EJB 3.0 Uso de la Diagrammer EJB

El modelo de datos proporciona acceso a los datos y la validación de una aplicación. Los datos siempre es validado por el modelo,independientemente de la aplicación cliente. Esto separa limpiamente las reglas de validación y de negocios de la interfaz deusuario.

En los próximos pasos, se crea una aplicación en JDeveloper y crear un modelo de datos para su aplicación.

Crear una nueva solicitud y proyecto

Crear el modelo de persistencia

Crear el modelo de datos y probarlo

Ejecutar el modelo de datos fuera de Java EE contenedor

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

7 de 85 10/02/2011 09:01 a.m.

Page 8: manual de ayuda jdeveloper 3

Crear datos ADF controles de la Sesión EJB Beans

Volver a la lista de temas

Crear una nueva aplicación y el Proyecto

En JDeveloper, siempre trabajar con proyectos que figuran en la solicitud. La aplicación es el punto más alto de la estructura decontrol.

Un proyecto JDeveloper es una estructura de organización para agrupar lógicamente los archivos relacionados Usted puedeagregar varios proyectos a la aplicación para organizar, acceder, modificar y reutilizar el código fuente. En el Navegador deaplicaciones, los proyectos se muestran como el segundo nivel en la jerarquía, en virtud de la aplicación.

Se considera las mejores prácticas para utilizar los proyectos para separar el código del modelo del código escrito para la vista. Eneste tutorial, se crea un proyecto para el modelo de componentes EJB, y posteriormente una segunda para los puntos de vista JSF.

Antes de crear los componentes, primero debe crear una aplicación y proyecto. Para ello, siga estos pasos:

1. Haga clic en la ficha Aplicación para volver al Navegador de aplicaciones.

Haga clic en el icono de Nueva Aplicación.

2. En el cuadro de diálogo Crear aplicación, escriba el nombre de la aplicación HR_EJB_JPA_App. Tenga en cuenta

que al entrar en el nombre de la aplicación, los cambios de nombre de la guía de forma automática.

Introduzca oráculo como la aplicación del paquete de prefijo.

Seleccione las aplicaciones genéricas de la plantilla de la lista de aplicaciones. Esto crea una aplicación y unúnico proyecto no configurado.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

8 de 85 10/02/2011 09:01 a.m.

Page 9: manual de ayuda jdeveloper 3

Haga clic en Siguiente.

3. En el cuadro de diálogo Crear proyecto, nombre del proyecto conjunto de EJBModel continuación, haga clic enFinalizar.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

9 de 85 10/02/2011 09:01 a.m.

Page 10: manual de ayuda jdeveloper 3

4. En el panel Explorador, haga clic en la ficha Base de datos Navigator.

5. Seleccione la conexión HRConn en la lista de las conexiones IDE y arrastrarlo y soltarlo en el interior del nodoHR_EJB_JPA_App para que la conexión esté disponible para su aplicación.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

10 de 85 10/02/2011 09:01 a.m.

Page 11: manual de ayuda jdeveloper 3

6. Haga clic en la ficha Navegador de Aplicaciones. Usted ve la aplicación y el proyecto que acaba de crear.

Volver al tema

Volver a la lista de temas

Creación del modelo de persistencia

En esta sección del tutorial, se crea el modelo de persistencia para los departamentos y empleados con EJB 3.0 beans de entidad.

Para crear EJB 3.0 beans de entidad, realice los pasos siguientes:

1. En el Navegador de aplicaciones, haga clic en el nodo EJBModel y seleccione Nuevo en el menú contextual.

2. En la galería de Nueva seleccione la ficha Todas las tecnologías, a continuación, seleccione la capa de negocio |EJB como la categoría y haga doble clic en las Entidades de las Tablas elemento.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

11 de 85 10/02/2011 09:01 a.m.

Page 12: manual de ayuda jdeveloper 3

3. En Seleccione la versión de EJB, seleccione EJB 3.0 - Entidades APP que la versión de EJB, a continuación, enSiguiente.

4. Haga clic en Siguiente para omitir la definición de unidad de persistencia.

5. En la página Tipo de conexión de elegir la opción de base de datos de conexión en línea. A continuación, haga clicen Siguiente.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

12 de 85 10/02/2011 09:01 a.m.

Page 13: manual de ayuda jdeveloper 3

6. En la conexión de base de datos de información de página, seleccione HRConn como la conexión con su uso.

Haga clic en Siguiente

7. Haga clic en Query para recuperar los objetos disponibles para el esquema de recursos humanos. A continuación,seleccione los departamentos y empleados de transporte y la selección en el panel seleccionado usando el botón

flecha hacia la derecha .

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

13 de 85 10/02/2011 09:01 a.m.

Page 14: manual de ayuda jdeveloper 3

Haga clic en Siguiente.

8. En este paso, asegúrese de que el nombre del paquete es oráculo.

Haga clic en Siguiente y luego Finalizar.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

14 de 85 10/02/2011 09:01 a.m.

Page 15: manual de ayuda jdeveloper 3

9. En el Navegador de una aplicación java se crea para los departamentos y uno de los empleados.

10.Haga clic en el Guardar todo icono para guardar su trabajo.

11.Haga clic en el nodo EJBModel en el Navegador de Aplicaciones y seleccione Nuevo.

12.En la galería de Nueva seleccione la capa de negocio | EJB como la categoría y haga doble clic en Diagrama de

EJB (APP / EJB 3.0).

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

15 de 85 10/02/2011 09:01 a.m.

Page 16: manual de ayuda jdeveloper 3

13.En el EJB Diagrama de diálogo Crear, cambiar el nombre predeterminado para el diagrama (EJB Diagram1) paraEJB3 y verificar oráculo es el nombre del paquete.

Haga clic en Aceptar.

En el diagrama asociado con la persistencia de diálogo Unidad, haga clic en Aceptar para aceptar la propuesta depersistencia Unidad EJBModel (EJBModel.jpr).

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

16 de 85 10/02/2011 09:01 a.m.

Page 17: manual de ayuda jdeveloper 3

14.Un diagrama nuevo vacío se abre en el editor de diagramas.

15.Seleccione los Departamentos y Empleados entidades del Navegador de Aplicaciones a continuación, arrastre ydeje caer sobre el diagrama.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

17 de 85 10/02/2011 09:01 a.m.

Page 18: manual de ayuda jdeveloper 3

16.El diagrama muestra los componentes EJB que usted acaba de crear en las tablas Departamentos y Empleados.Reorganizar la disposición del diagrama que ambas entidades alineados horizontalmente. Usted puede ordenar eldiagrama mediante la selección de las relaciones y el uso de la opción de enderezar las líneas en el menú contextual.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

18 de 85 10/02/2011 09:01 a.m.

Page 19: manual de ayuda jdeveloper 3

17.Haga clic en el Guardar todo icono para guardar su trabajo.

Volver al tema

Volver a la lista de temas

Creación del modelo de datos y pruebas que

Una fachada sesión presenta objetos de cliente con una interfaz unificada para los EJB subyacente (Enterprise JavaBeans). Elcliente interactúa sólo con la fachada, que reside en el servidor y llama a los métodos apropiados para el EJB. Como resultado, lasdependencias y la comunicación entre los clientes y los EJB se reducen.Si va a realizar el acceso remoto sin una fachada período de sesiones, numerosas llamadas remotas son necesarios para losclientes para acceder a EJB 3.0 entidades directamente sobre la red. Esto da lugar a una gran cantidad de tráfico de red que afectanegativamente el rendimiento. Además, sin una fachada del cliente depende directamente de la aplicación de los objetos denegocio, de modo que si la interfaz de un cambio de EJB, objetos de cliente tiene que ser cambiado.

En esta sección, se crea un bean de sesión que implementa un método para encontrar los registros de empleados y eldepartamento.

1. En la paleta de componentes, seleccione los componentes de la colección de EJB y abra los nodos EJB.

2.Seleccione el bean de sesión componente de arrastre y suéltelo en el diagrama.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

19 de 85 10/02/2011 09:01 a.m.

Page 20: manual de ayuda jdeveloper 3

La Creación de bean de sesión se abre el Asistente. Si es necesario, haga clic en Siguiente en el paso debienvenida.

3. En el nombre EJB y Opciones de paso, establecer el nombre EJB HRFacade y asegúrese de que los siguientesvalores están ajustados correctamente:

Tipo de sesión Apátridas

Tipo de transacción Contenedores

Sesión Generar método Fachada (Comprobado)

Entidad de Ejecución APP Entidades

Persistencia de la Unidad EJBModel

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

20 de 85 10/02/2011 09:01 a.m.

Page 21: manual de ayuda jdeveloper 3

a continuación, haga clic en Siguiente.

4. En la fachada paso reunión, las entidades en este proyecto aparece como un nodo en el control de árbol. Ustedpuede seleccionar la casilla de verificación para incluir todos los métodos de la entidad esta entidad expone, oexpandir los nodos y seleccionar un subconjunto de los métodos.Ampliar y Departamentos nodos empleados y seleccione la combinación, quite y los métodos getFindAll paracada entidad, a continuación, haga clic en Siguiente.

5. En la definición de paso de clase, asegúrese de que el nombre completo de la clase Bean esoracle.HRFacadeBean, a continuación, haga clic en Siguiente.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

21 de 85 10/02/2011 09:01 a.m.

Page 22: manual de ayuda jdeveloper 3

6. En el siguiente paso, asegúrese de que tanto remoto y la interfaz de implementaciones locales son seleccionados.La interfaz de control remoto se utiliza para las aplicaciones cliente que se ejecutan en una máquina virtualindependiente, como los clientes de Java, mientras que la interfaz local se utiliza para las aplicaciones cliente que seejecutan en la misma virtuales máquina, tales como los clientes Web.

Haga clic en Siguiente para revisar el resumen de las clases creadas y luego en Finalizar.

7. El Navegador de aplicaciones debe tener este aspecto:

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

22 de 85 10/02/2011 09:01 a.m.

Page 23: manual de ayuda jdeveloper 3

El bean de sesión se compone de tres archivos: HRFacadeBean - contiene el código de bean de sesión de cliente.HRFacade - describe las capacidades del frijol a distancia para los clientes y HRFacadeLocal describe lascapacidades de lo local.

8. Haga doble clic en el bean de entidad empleados en el diagrama para abrir el código fuente de la clase.

9. consultas con nombre permiten definir las consultas en tiempo de diseño y luego utilizarlos en tiempo de ejecución.El asistente crea un comunicado metadatos NamedQuery en la entidad Employee. Esta consulta recupera todas lasfilas de la tabla Empleados.

@ NamedQueries ({

@ NamedQuery (name = "Employees.findAll", query = "o seleccionar o empleados")

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

23 de 85 10/02/2011 09:01 a.m.

Page 24: manual de ayuda jdeveloper 3

})

Nota: Cualquier símbolo en principio el código de Java con @ se conoce como una anotación. El uso de anotaciones

que permite añadir metadatos a los objetos. Ejemplos de las anotaciones siguientes:

Anotación Descripción

@ Entity Identifica el archivo como una entidad EJB 3.0

@ NamedQueryUna consulta que se pueden utilizar en tiempo de ejecución

para recuperar datos

@ Table Especifica la tabla principal de la entidad

@ IdPuede definir que la propiedad es el identificador de la

entidad

@ ColumnaEspecifica una columna asignada para una propiedad

persistente o campo

@ ManyToOneEspecifica un tipo de clave de la relación externa entre

tablas

@ JoinColumnEspecifica la unión de la columna y columna de referencia

para una relación de clave externa

10. Añadir una coma al final de la instrucción NamedQuery último @, a continuación, agregar una consulta a la claseque recupera los empleados por su nombre.

Agregue la siguiente instrucción:

@ NamedQuery (name = "Employees.findByName",query = "o seleccionar o empleados en o.firstName como: p_name")

Así que el código tiene el siguiente aspecto:

@ Entity

@ NamedQueries ({

@ NamedQuery (name = "Employees.findAll", query = "o seleccionar o empleados")

,@ NamedQuery (name = "Employees.findByName", query = "o seleccionar o empleados eno.firstName como: p_name")})

Si es necesario, utilice las teclas ALT + Intro combinación de teclas para importar la bibliotecajavax.persistence.NamedQueries.

Nota: ¿Qué hace que estos objetos diferentes de otros archivos de Java son las anotaciones que los identificancomo entidades EJB. Una característica clave de EJB 3.0 y JPA es la capacidad de crear entidades que contienenasignaciones de objeto-relacionales mediante anotaciones de metadatos en lugar de descriptores de desplieguecomo en versiones anteriores.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

24 de 85 10/02/2011 09:01 a.m.

Page 25: manual de ayuda jdeveloper 3

11.Haga clic en el icono para compilar la clase Employees.java.

Asegúrese de que el Mensaje - ventana de registro no informa de ningún error.

12. Agregue el nuevo método para el bean de sesión de la siguiente manera:

Haga clic en el nodo HRFacadeBean en el Navegador de Aplicaciones y seleccione Editar Session Facade en elmenú contextual.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

25 de 85 10/02/2011 09:01 a.m.

Page 26: manual de ayuda jdeveloper 3

13. Expanda el nodo de Empleados del diálogo. Tenga en cuenta que la nueva consulta getEmployeesFindByName

nombre aparece como un método exposable. Selecciónelo y haga clic en Aceptar.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

26 de 85 10/02/2011 09:01 a.m.

Page 27: manual de ayuda jdeveloper 3

14. JDeveloper proporciona una forma de probar el EJB mediante la creación de un cliente de la muestra. Para ello,haga clic en HRFacadeBean y seleccione Nuevo cliente Java de ejemplo en el menú contextual.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

27 de 85 10/02/2011 09:01 a.m.

Page 28: manual de ayuda jdeveloper 3

15. Seleccione IntegratedWebLogicServer como la conexión del servidor de aplicaciones.

Haga clic en Aceptar.

16. Revise el código de la clase HRFacadeClient y corregir el error reportado para el getEmployeesFindByName

() método mediante la adición de un parámetro de valor "% P" para que se vea como el siguiente:

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

28 de 85 10/02/2011 09:01 a.m.

Page 29: manual de ayuda jdeveloper 3

Haga clic en el Guardar todo icono para guardar su trabajo.

17. Haga clic en el HRFacadeBean en el Navegador de Aplicaciones y seleccione Ejecutar en el menú contextual paraabrir el frijol fachada en WebLogicServer.

Espere hasta que el WebLogicServer se ha iniciado.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

29 de 85 10/02/2011 09:01 a.m.

Page 30: manual de ayuda jdeveloper 3

18. Haga clic derecho y seleccione Ejecutar HRFacadeClient de contexto.

19. La ventana de registro devuelve los datos de base de datos sobre la base de los tres métodos que el clientecontiene.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

30 de 85 10/02/2011 09:01 a.m.

Page 31: manual de ayuda jdeveloper 3

20. Para visualizar mejor el resultado del método findByName, en la clase java HRFacadeClient, comente el bucle

correspondiente al getEmployeesFindAll () método, y comentar el bucle correspondiente al

getDepartmentsFindAll () método. El código debe ser algo como esto:

21.Haga clic en el botón Crear para volver a compilar la clase, y asegurarse de que no hay errores se devuelven.

22. Haga clic en la clase HRFacadeClient y seleccione Ejecutar desde el contexto.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

31 de 85 10/02/2011 09:01 a.m.

Page 32: manual de ayuda jdeveloper 3

23. La ventana de registro debería mostrar ahora las filas devueltas recuperados por 'P'% de su cláusula.

Volver al tema

Volver a la lista de temas

La ejecución del servicio de Java fuera de Java EE contenedor

Una unidad de persistencia puede ser configurado para ejecutarse dentro o fuera del contenedor. En EJB 3.0, puede ejecutar lasentidades en un entorno puro de Java SE, sin necesidad de utilizar un servidor de aplicaciones. Una de las razones que podríanhacer esto es crear un simple banco de pruebas de Java SE (utilizando JUnit, tal vez) para probar su comportamiento de la entidadsin la sobrecarga de implementar / ejecutar en un servidor de aplicaciones. Otra razón es que usted lo desea, puede ejecutar unaaplicación Swing a nivel local.

En esta sección, se crea un bean de sesión que implementa un método para encontrar los registros de empleados y eldepartamento.

1. Crear una nueva unidad de persistencia para ejecutar el servicio de Java fuera del contenedor Java EE.

Haga clic en el META-INF | persistence.xml y seleccione Nuevo Java Servicio de fachada en el menúcontextual.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

32 de 85 10/02/2011 09:01 a.m.

Page 33: manual de ayuda jdeveloper 3

2. En el panel de Java Clase de servicio, usted puede optar por crear una nueva unidad de persistencia (en el panelsiguiente) o utilizar una unidad existente. Seleccione Elegir una unidad de persistencia o Crea un Grupo en elpróximo, y comprobar el Generar un main () casilla método.

Haga clic en Siguiente.

3. Nombre de la Unidad de fuera de la persistencia. Elija la conexión JDBC y asegúrese de que la conexión JDBC seestablece en HRConn.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

33 de 85 10/02/2011 09:01 a.m.

Page 34: manual de ayuda jdeveloper 3

Haga clic en Siguiente.

4. Todos los métodos deben ser seleccionados de forma predeterminada. Anule la selección de algunos de ellos paraque su selección se parece a la siguiente imagen.

Haga clic en Siguiente y luego en Finalizar.

5. En la ventana del editor de código fuente, para la clase JavaServiceFacade, añadir una nueva línea después de /

/ TODO comentarios y entrar en la siguiente declaración:

Los empleados de una javaServiceFacade.getEmployeesFindByName = ("% P")). Get (0;

cuenta de que puede utilizar el código técnico para ayudarle con escribir la sintaxis (CTRL + barra espaciadora)

SOP y presione CTRL + Tipo de Enter para insertar un System.out.println () declaración. a.getLastName Agregar

() dentro de los paréntesis para que su clase ahora tiene el siguiente aspecto:

/ / TODO

Los empleados de una javaServiceFacade.getEmployeesFindByName = ("% P")). Get (0;

System.out.println (a.getLastName ());

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

34 de 85 10/02/2011 09:01 a.m.

Page 35: manual de ayuda jdeveloper 3

6.Haga clic en el botón para compilar la clase y guardar su trabajo.

7. Haga clic en el nodo JavaServiceFacade en el Navegador de Aplicaciones y seleccione Ejecutar desde elcontexto.

8. La ventana de registro muestra el resultado de la ejecución de la clase que se ejecuta fuera de Java EE contenedor,la devolución del lastName del primero de los registros recuperados (P ayam Kaufling).

9. Haga doble clic en el META-INF | nodo persistence.xml para mostrar el contenido del archivo.

10. Ambas unidades de persistencia se describen. El valor por defecto dentro de uno y el de nueva creación para elexterior de ejecución de Java EE. Haga clic en la ficha Origen para revisar los detalles.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

35 de 85 10/02/2011 09:01 a.m.

Page 36: manual de ayuda jdeveloper 3

Volver al tema

Volver a la lista de temas

Crear ADF controles de datos de la Sesión EJB Beans

Ahora exponer el EJB como un control de datos para el marco de Oracle ADF. Esto simplifica la forma en que las interfaces deusuario se unen a la EJB. Para obtener más información sobre la visita del ADF Framework:http://oracle.com/technology/products/adf

Para crear los datos del ADF controles de beans de sesión EJB, realice los pasos siguientes:

1. Haga clic en el nodo HRFacadeBean en el Navegador de Aplicaciones y seleccione Crear control de datos decontexto.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

36 de 85 10/02/2011 09:01 a.m.

Page 37: manual de ayuda jdeveloper 3

2. En el diálogo de la interfaz EJB en Elegir, seleccione Local y haga clic en Aceptar.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

37 de 85 10/02/2011 09:01 a.m.

Page 38: manual de ayuda jdeveloper 3

Haga clic en el icono de Guardar todo para guardar su trabajo.

3. El Navegador de Aplicaciones ahora debería tener este aspecto:

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

38 de 85 10/02/2011 09:01 a.m.

Page 39: manual de ayuda jdeveloper 3

4. Usted puede contraer el nodo del proyecto EJBModel.

Volver al tema

Volver a la lista de temas

Crear un nuevo proyecto para la interfaz de usuario

Se considera las mejores prácticas para utilizar los proyectos para separar el código del modelo del código escrito para la vista. Poresta razón ha creado un proyecto para el modelo de componentes EJB, y ahora se cree un segundo para los puntos de vista JSF.

Para ello, siga estos pasos:

1.En la barra de nombre de la aplicación, haga clic en el menú de iconos de aplicaciones

seleccione Nuevo proyecto en contexto.

2.En la Nueva Galería, seleccione el proyecto de artículo genérico.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

39 de 85 10/02/2011 09:01 a.m.

Page 40: manual de ayuda jdeveloper 3

Haga clic en Aceptar.

3.En el cuadro de diálogo Crear proyecto, establezca Nombre del proyecto UserInterface a continuación, en Finalizar.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

40 de 85 10/02/2011 09:01 a.m.

Page 41: manual de ayuda jdeveloper 3

4.En el Navegador de aplicaciones, haga clic en el nodo UserInterface y seleccione Propiedades del proyecto a partir delcontexto.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

41 de 85 10/02/2011 09:01 a.m.

Page 42: manual de ayuda jdeveloper 3

5.En el diálogo Propiedades del proyecto, seleccione el nodo JSP Tag Libraries. Distribuido bibliotecas Seleccione y pulse elbotón Agregar.

6.En la lista de bibliotecas de etiquetas, seleccione ADF Faces Componentes 11.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

42 de 85 10/02/2011 09:01 a.m.

Page 43: manual de ayuda jdeveloper 3

Haga clic en Aceptar.

Las bibliotecas se suman al proyecto.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

43 de 85 10/02/2011 09:01 a.m.

Page 44: manual de ayuda jdeveloper 3

7.Aún en el cuadro de diálogo Propiedades del proyecto, seleccione el nodo de tecnología de alcance. En las Tecnologías de la

ficha de proyecto, seleccione JSF en el panel disponible, y el uso de la flecha derecha botón, se traslado en el panelseleccionado. Tenga en cuenta que la selección de JSF se propaga automáticamente las tecnologías necesarias asociadas (Java- JSP y servlets)

Haga clic en Aceptar. A continuación, haga clic en el guardar todos los icono para guardar su trabajo.

8.El Navegador de Aplicaciones ahora debería tener este aspecto:

Volver a la lista de temas

Crear el flujo de la página

Ahora el uso de JSF JDeveloper de Navegación Modeler para planificar el diagrama y crear páginas de la aplicación, y lanavegación entre ellos.

1. En el Navegador de aplicaciones, haga doble clic en el UserInterface | Contenido Web | WEB_INF | carasconfig.xml nodo para abrir un diagrama de flujo de la página.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

44 de 85 10/02/2011 09:01 a.m.

Page 45: manual de ayuda jdeveloper 3

2. El diagrama de vacío se abre. Aviso de la paleta de componentes a la derecha del editor de diagramas. Puedeutilizar esto para crear componentes para el modelo de navegación JSF.

3. En el diagrama de la página de navegación JSF de la paleta de componentes, seleccione la página JSF

, Y haga clic en el diagrama en el que desea que la página que aparezca. Cambiar el nombre de lapágina de ver.

4. Desde la paleta de componentes, arrastre y suelte una página JSF junto a la anterior. Cambiar el nombre de laconsulta de la página.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

45 de 85 10/02/2011 09:01 a.m.

Page 46: manual de ayuda jdeveloper 3

5. Desde la paleta de componentes, arrastre y suelte otra página JSF debajo del primero. Cambiar el nombre de lapágina de búsqueda.

6.JSF Seleccione el asunto de navegación en la paleta de componentes. Haga clic en elicono de la JSF página de origen (ver) y, a continuación, haga clic en el icono de la página de destino JSF

(consulta) para el caso de la navegación.

7. Modificar el valor por defecto la etiqueta, el "éxito", haciendo clic en él y escribiendo consulta sobre el mismo.

Tenga en cuenta que hay un icono de advertencia sobre el asunto de navegación. Esto se debe a que aún no hacreado las páginas JSF y así indica que el asunto de navegación estaría buscando una página que no existe. Estaadvertencia se va al crear las páginas respectivas.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

46 de 85 10/02/2011 09:01 a.m.

Page 47: manual de ayuda jdeveloper 3

8. JDeveloper le da tres puntos de vista del archivo faces-config.xml. Usted ya ha utilizado la vista de diagrama,pero la misma información también es accesible a través de un diálogo declarativa, así como directamente en lafuente.

Haga clic en la pestaña general en la parte inferior de la pantalla. Haga clic en Reglas de navegación en la manoizquierda para mostrar la tabla actual Reglamento de Navegación.

Haga clic en la ficha Fuente en la parte inferior de la pantalla. La etiqueta <from-view-id> identifica la página deorigen y la etiqueta <to-view-id> identifica la página de destino.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

47 de 85 10/02/2011 09:01 a.m.

Page 48: manual de ayuda jdeveloper 3

9. Vuelva a la vista de diagrama, haga clic en la ficha Esquema y seleccione JSF navegación asunto en la paleta decomponentes. Haga clic en el icono de la página de origen JSF (consulta) y, a continuación, haga clic en el icono

de la JSF página de destino (ver) para el caso de la navegación.

10. Modificar la etiqueta de forma predeterminada, el "éxito", seleccionándolo y escribiendo ver más de ella.

11. De la misma manera agregar los casos de navegación entre el ver y JSF páginas de búsqueda. Nombre de la que

va a la página de búsqueda, la búsqueda, y la que vuelve, vaya.Su diagrama de ahora debería ser algo como la imagen de abajo.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

48 de 85 10/02/2011 09:01 a.m.

Page 49: manual de ayuda jdeveloper 3

12.Haga clic en el guardar todos los icono para guardar el diagrama.

Volver a la lista de temas

Creación de un Maestro-Detalle JavaServer Caras página

En los próximos pasos, se crea una página JavaServer Faces usando componentes ADF Faces para los Empleados páginaDepartamentos Maestro-Detalle.

1. En el diagrama de flujo de la página, haga doble clic en el icono para ver lanzar el asistente Crear JSF JSP.

2. El nombre del archivo debe ser browse.jspx. Compruebe la casilla de verificación Crear como XML documento, y en el

Diseño de página inicial y el área de contenido, haga clic en el botón Inicio Rápido diseño de radio. Se recomienda utilizar losdiseños de inicio rápido para evitar problemas de visualización. Haga clic en Examinar para elegir un diseño.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

49 de 85 10/02/2011 09:01 a.m.

Page 50: manual de ayuda jdeveloper 3

3. En la Galería de componentes aceptar el valor predeterminado, una categoría de diseño de la columna, y haga clic en Aplicartemas en el panel de Opciones. Temas añadir un estilo de color para algunos de los componentes utilizados en los diseños deinicio rápido y crear una página más agradable de aspecto.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

50 de 85 10/02/2011 09:01 a.m.

Page 51: manual de ayuda jdeveloper 3

Haga clic en Aceptar para guardar la selección de diseño. En la página JSF, haga clic en Aceptar diálogo Crear para crear lapágina.

Ahora tiene una página browse.jspx vacío. En los próximos pasos, se agrega un enlace a datos de componentes ADF Faces a

la página. Este componente muestra un departamento junto con los empleados pertenecientes al departamento.

4. En la paleta de componentes, la colección de ADF Faces, seleccione la sección de diseño y arrastre un estiramiento de diseño

de componentes del Grupo Especial en la página

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

51 de 85 10/02/2011 09:01 a.m.

Page 52: manual de ayuda jdeveloper 3

5. Desde la paleta de componentes, arrastre un componente Panel divisor en el medio de la página (el cursor debe estar a laizquierda de la etiqueta en el centro).

6. Abra los controles de acordeón de datos y expanda el nodo HRFacadeLocal, a continuación, arrastre y suelte el nodoDepartmentsFindAll dentro de la primera faceta.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

52 de 85 10/02/2011 09:01 a.m.

Page 53: manual de ayuda jdeveloper 3

En el menú desplegable, seleccione Formularios | Sólo lectura Formulario ADF

7. En la Edición de campos de formulario, marque la opción Incluir controles de navegación y eliminar todas las columnas,excepto los siguientes:DepartmentIDdepartmentNameLocationID

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

53 de 85 10/02/2011 09:01 a.m.

Page 54: manual de ayuda jdeveloper 3

Haga clic en Aceptar.

8. En el, Diseño de grupo de la paleta de componentes, seleccione Panel de Colección y arrastre y suéltelo en la segunda faceta.

9. En los controles de datos, expanda el nodo departmentsFindAll, seleccione el nodo employeesList y ponerlo en la segundafaceta.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

54 de 85 10/02/2011 09:01 a.m.

Page 55: manual de ayuda jdeveloper 3

En el menú desplegable, seleccione Tablas | alimentador automático de documentos de sólo lectura Tabla

10.En el cuadro de diálogo Editar columnas eliminar todas las columnas, excepto los siguientes:commissionPct,correo electrónico,de empleado,firstNameHireDate,jobId,lastName,phoneNumber,salario,

y seleccione Selección de filas, de filtrado y selección de opciones.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

55 de 85 10/02/2011 09:01 a.m.

Page 56: manual de ayuda jdeveloper 3

Haga clic en Aceptar.

La página ahora debería tener este aspecto:

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

56 de 85 10/02/2011 09:01 a.m.

Page 57: manual de ayuda jdeveloper 3

11.En el inspector de propiedades establecer la propiedad de selección de columnas de la tabla a una sola.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

57 de 85 10/02/2011 09:01 a.m.

Page 58: manual de ayuda jdeveloper 3

12.En el panel Estructura, seleccione el af: panel panelSplitter y en el inspector de propiedades, establezca la orientación avertical.

13.Seleccione el af: etiquetas panelStretchLayout y utilizando el inspector de propiedades, para el estilo | etiquetas Caja deestablecer el ancho a 600 píxeles y una altura de 400 píxeles.

14.Reducir la altura del bloque de departamentos.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

58 de 85 10/02/2011 09:01 a.m.

Page 59: manual de ayuda jdeveloper 3

15.Usted quiere que la sección de empleados de esta página para volver a cargar cuando el usuario navega entre losdepartamentos. Establezca la representación de páginas parciales gatillo para disparar cuando el usuario hace clic en cualquierade los botones.

Seleccione la tabla Empleados.

En la ventana Propiedades, haga clic en Editar para el Comportamiento | propiedad PartialTriggers. (El botón Editar es en elextremo derecho del campo).

16.En el cuadro de diálogo Editar propiedades, expanda faceta (primero) | panelFormLayout - Departamentos | faceta (pie depágina) | panelGroupLayout para exponer los botones de navegación. Use the shuttle buttons to add all four buttons to theselected list.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

59 de 85 10/02/2011 09:01 a.m.

Page 60: manual de ayuda jdeveloper 3

Haga clic en Aceptar. Now, when the user clicks any of the 4 buttons, the employees list will refresh to reflect the employeeswithin the displayed department.

17.From the Component Palette, Common Components, select the Panel Menu Bar component and drop it onto the Facet Top tag,in the Design view of the page.

18.Click the Menu component then drag and drop it inside the Menu Bar .

Volver a la lista de temas

Creating a Query/Edit Page

In the next few steps, you use ADF Faces to build a query page to edit Employees.

1. Vuelva a la página diagrama de flujo (haga clic en la ficha-config.xml caras), y haga doble clic en el icono de consulta parainiciar el asistente de la página.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

60 de 85 10/02/2011 09:01 a.m.

Page 61: manual de ayuda jdeveloper 3

2. El nombre del archivo debe ser query.jspx. Compruebe la casilla de verificación Crear como XML documento, y en el

Diseño de página inicial y el área de contenido, haga clic en el botón Inicio Rápido diseño de radio. Haga clic en Examinar paraelegir un diseño.

3. En la Galería de componentes, acepte la columna de categoría uno y haga clic en Aplicar temas en el panel de Opciones.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

61 de 85 10/02/2011 09:01 a.m.

Page 62: manual de ayuda jdeveloper 3

Haga clic en Aceptar para guardar la selección de diseño. En la página JSF, haga clic en Aceptar diálogo Crear para crear lapágina.

Ahora tiene una página query.jspx vacío.

4. En los controles de acordeón de datos, en el nodo HRFacadeLocal, seleccione el getEmployeesFindByName (Objeto) delnodo y colóquelo en la página.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

62 de 85 10/02/2011 09:01 a.m.

Page 63: manual de ayuda jdeveloper 3

En el menú emergente, seleccione Parámetros | ADF parámetro de formulario.

5. En el formulario de edición, haga clic en Campos en Aceptar para aceptar los campos propuestos.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

63 de 85 10/02/2011 09:01 a.m.

Page 64: manual de ayuda jdeveloper 3

6. El diseño de la página debe tener este aspecto:

.

7. En el control de acordeón de datos, expanda el nodo getEmployeesFindByName y seleccione el nodo empleados. Colóqueloen la siguiente página el formulario de parámetros.

En el menú emergente, seleccione Formularios | Formulario de ADF.

8. En la Edición de campos de formulario, visita las dos casillas (Incluye controles de navegación - Incluye botón Enviar) yeliminar todas las columnas, excepto los siguientes:commissionPct,correo electrónico,de empleado,firstName

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

64 de 85 10/02/2011 09:01 a.m.

Page 65: manual de ayuda jdeveloper 3

HireDate,jobId,lastName,phoneNumber,salario.

Haga clic en Aceptar.

9. El diseño de la página de consulta debe ser similar a esto:

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

65 de 85 10/02/2011 09:01 a.m.

Page 66: manual de ayuda jdeveloper 3

10.Esta página debe ser actualizable, para especificar esto, seleccione el mergeEmployees (Trabajadores) método en el

panel de controles de datos, y colóquelo en el botón Enviar.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

66 de 85 10/02/2011 09:01 a.m.

Page 67: manual de ayuda jdeveloper 3

En la edición de acción vinculante de diálogo, en la sección Parámetros, haga clic en la flecha hacia abajo en el campo Valor yseleccione Mostrar EL Generador de expresiones.

11.En el cuadro de diálogo Variables, expanda ADF enlaces | Enlaces | getEmployeesFindByNameIterator | CurrentRowdataProvider y seleccione. Observe que al seleccionar cada nodo en la expresión. el editor que se suma a la expresión en laparte superior de la ventana.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

67 de 85 10/02/2011 09:01 a.m.

Page 68: manual de ayuda jdeveloper 3

Haga clic en Aceptar y, a continuación, haga clic en Aceptar de nuevo.

12.En el componente Revinculación de diálogo de confirmación, haga clic en Aceptar.

13.De nuevo en la vista de diseño de la página de consulta, seleccione el botón mergeEmployees

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

68 de 85 10/02/2011 09:01 a.m.

Page 69: manual de ayuda jdeveloper 3

14.En el Inspector, común ficha de propiedades, establezca el valor de texto para guardar y en la sección de botones de acción,establecer la acción de la que navegar desde la lista desplegable.

15.Con el botón aún seleccionado, haga clic y seleccione Ir a la página Definición en el menú contextual.

16.En la definición del archivo de página, getEmployeesFindByNameIterator seleccionar en el cuadro de ejecutables y en elinspector de propiedades, ficha Opciones avanzadas, establezca la propiedad Actualizar para ifNeeded.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

69 de 85 10/02/2011 09:01 a.m.

Page 70: manual de ayuda jdeveloper 3

Al establecer esta propiedad mantiene concurrencia fila para ADF Faces y JSP / JSF páginas.

17.Haga clic en Guardar todas las icono para guardar su trabajo.

18.Su página ahora debería tener este aspecto:

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

70 de 85 10/02/2011 09:01 a.m.

Page 71: manual de ayuda jdeveloper 3

Volver a la lista de temas

Creación de una página de búsqueda

En los siguientes pasos, utilice ADF Faces para crear una página de búsqueda usando la nueva función de alimentador automáticode documentos de consulta.

1.Vuelva a la página diagrama de flujo (haga clic en la ficha-config.xml caras), y haga doble clic en el icono de búsqueda parainiciar el Asistente para la página.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

71 de 85 10/02/2011 09:01 a.m.

Page 72: manual de ayuda jdeveloper 3

2.El nombre del archivo debe ser search.jspx. Compruebe la casilla de verificación Crear como XML documento, y en el

Diseño de página inicial y el área de contenido, haga clic en el botón Inicio Rápido diseño de radio. Haga clic en Examinar paraelegir un diseño.

3.En la Galería de componentes, acepte la columna de categoría uno y haga clic en Aplicar temas en el panel de Opciones.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

72 de 85 10/02/2011 09:01 a.m.

Page 73: manual de ayuda jdeveloper 3

Haga clic en Aceptar para guardar la selección de diseño. En la página JSF, haga clic en Aceptar diálogo Crear para crear lapágina.

Ahora tiene una página search.jspx vacío.

4.En los controles de acordeón de datos, en el nodo HRFacadeLocal, expanda el nodo departmentsFindAll y, a continuación losCriterios nodo con nombre. Seleccione todos los atributos Queriable y arrastre y suéltelo en la página.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

73 de 85 10/02/2011 09:01 a.m.

Page 74: manual de ayuda jdeveloper 3

En el menú emergente, seleccione la consulta | alimentador automático de documentos de consulta del Grupo Especial

con el cuadro.

5.En el formulario de editar campos eliminar todas las columnas, excepto los siguientes:DepartmentIDdepartmentNameLocationID

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

74 de 85 10/02/2011 09:01 a.m.

Page 75: manual de ayuda jdeveloper 3

6.El diseño de la página de búsqueda debe tener este aspecto:

.

Ejecución de las páginas JSF

Ahora que usted ha construido su aplicación, es necesario probarlo. JDeveloper hace que sea fácil de probar las páginas JSF a

través de un built-in del servidor de aplicaciones. El servidor se inicia automáticamente cuando se prueba una página dentro deJDeveloper.

Los siguientes pasos le llevará a través del proceso de pruebas.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

75 de 85 10/02/2011 09:01 a.m.

Page 76: manual de ayuda jdeveloper 3

1. To test the pages, return to the page flow diagram. Right click the browse page icon and select Run from thecontext menu.

2. Your page is loaded in your default browser and should look like the following:

3. Click the Next button to find a department with several employees in its list, for example department 30. Then click inthe firstName column and experiment sorting the names in ascending/descending order using the up/down arrow

icons.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

76 de 85 10/02/2011 09:01 a.m.

Page 77: manual de ayuda jdeveloper 3

4. Scroll right to select the lastName column header and move it left to position it in the table just after the firstNam

e column.

5. Select the column headers and reorder the columns in this sequence: employeeId, firstName , lastName ,email , jobId, salary, hireDate , commissionPct....

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

77 de 85 10/02/2011 09:01 a.m.

Page 78: manual de ayuda jdeveloper 3

6. On the top left of the page, click Options --> Query and move the menu to another location on your page. Thenpress the Query button.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

78 de 85 10/02/2011 09:01 a.m.

Page 79: manual de ayuda jdeveloper 3

7. The query page opens in the browser. In the queryEmployeesFindByName_p_name field enter any name orpartial name. ie A% then click the getEmployeesFindByName button.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

79 de 85 10/02/2011 09:01 a.m.

Page 80: manual de ayuda jdeveloper 3

8. Experiment with the navigation buttons if your query retrieved more than one record.

9. Click in the hireDate field to see the calendar component display.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

80 de 85 10/02/2011 09:01 a.m.

Page 81: manual de ayuda jdeveloper 3

10. Increase Alexander's salary to 10000 and click the Save button to commit the change and take you back to thebrowse page.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

81 de 85 10/02/2011 09:01 a.m.

Page 82: manual de ayuda jdeveloper 3

11. Back in the browse page, rerun the A% query to check that your update to Alexander's salary has been saved. Then

click the Options menu again, and this time select Search to navigate to the search page.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

82 de 85 10/02/2011 09:01 a.m.

Page 83: manual de ayuda jdeveloper 3

12. In the search criteria area, click the Any radio button in the Match field, and type IT in the departmentName field.

Click Search .

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

83 de 85 10/02/2011 09:01 a.m.

Page 84: manual de ayuda jdeveloper 3

13. The search returns four departments that contain IT in their name.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

84 de 85 10/02/2011 09:01 a.m.

Page 85: manual de ayuda jdeveloper 3

Notice some of the other functionalities of the ADF query feature, including advanced searches and the ability to savesearches.

14. You have successfully completed this OBE. Close the browser window

Volver a la lista de temas

Resumen

In this tutorial, you created an end-to-end application using Oracle JDeveloper, EJB 3.0, JPA, and JSF pages. You learned how to :

Create a database connection

Build the data model using EJB 3.0 and EJB diagram

Create the page flow

Create a Master-Detail JSF page

Create a Query/Edit page

Create a Search page

Run the JSF pages

Volver a la lista de temas

Place the cursor over this icon to hide all screenshots.

Construir una aplicación Web con JDeveloper 11g Utilizar EJB, JPA y Ja... http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://s...

85 de 85 10/02/2011 09:01 a.m.