Lesson 10 - Building the ADF View Component

10Copyright © 2004, Oracle. Todos los derechos reservados.

Creación de Componentes de Vista ADF

Copyright © 2004, Oracle. Todos los derechos reservados.

Objetivos

Al finalizar esta lección, debería estar capacitado para:

• Describir cómo funciona una JSP

• Describir los componentes fundamentales de una JSP

• Crear una JSP

• Incluir componentes en una JSP (etiquetas JSTL, HTML y Struts)

• Crear una JSP centrada en datos mediante el enlace de datos ADF


¿Qué es una JSP?

Las JSP son un componente J2EE que:

• Es una “vista” en la estructura MVC de ADF

• Contiene lógica de presentación

• Mezcla HTML, Java y XML en una página

• Permite a desarrolladores Web crear aplicaciones centradas en el “aspecto” de una aplicación

• Está basado en la arquitectura de servlet

• Soporta el uso de beans y etiquetas personalizadas para incorporar la lógica de presentación


JavaServer Pages en ADF

Genera

Contenido dinámico

Llama

ADF BusinessComponents

Cliente

Solicitud

Respuesta

Struts

Controla

JSP


Ejemplo: JSP

<%@ page contentType="text/html;charset=WINDOWS-1252"%> <html> <head> <title> Show Date </title> </head> <body> <h2> The current time is: </h2> <p> <%= new java.util.Date() %> </p> </body> </html>


Elementos Básicos de JSP

Una JSP puede contener texto HTML y cuatro elementos principales:

Valores globales <%@ page language="java" %>

Directivas

Objetivo Sintaxis Elemento

Declaraciones de variable

<%! private int hitCount = 0; %>

Declaraciones

Código Javaque se evalúa

<%= "a" + "b" %>Expresiones

Código Java<% if(x == null) { %>

Hello! <% } %>Scriptlets


Directivas de JSP

Hay tres tipos de directivas de JSP:

• page • include • taglib<%@ page contentType="text/html;charset=WINDOWS-1252"%> <%@ include file="signature.html" %> <%@ taglib uri="webapp/taglib.tld" prefix="mytags" %> <html> <body> <h2> The current time is: </h2> <p> <%= new java.util.Date() %> </p> </body> </html>


JDeveloper y JSP

JDeveloper contiene varias funciones IDE para simplificar el desarrollo de JSP:

• Editor visual (WYSIWYG)

• Paleta de Componentes

• Se incluyen muchas bibliotecas de etiquetas personalizadas, entre ellas: – JSTL (JSP Standard Tag Library) – Apache Struts – Oracle JSP – ADF Data Tags


El Editor Visual

• Proporciona edición directa de: – Texto – Elementos HTML – Controles de datos

• La barra de herramientas contiene herramientas de formato para: – Color – Tamaño de texto – Formato (estilo)

• Se pueden arrastrar definiciones CSS a una página


¿Qué son las Etiquetas Personalizadas?

• Las etiquetas personalizadas se desarrollan en Java, y se definen y utilizan con sintaxis XML.

• Las etiquetas se utilizan en una JSP para reducir o restringir la cantidad de scriptlets de Java de la página.

• Las etiquetas son útiles para definir tareas recurrentes como el acceso a una base de datos o el envío de un mensaje de correo electrónico.

• Las etiquetas personalizadas se empaquetan en bibliotecas: – Se empaquetan como archivos .jar – Se definen en un archivo .tld


Uso de Bibliotecas de Etiquetas

Las bibliotecas de etiquetas se utilizan en una JSP mediante:

• Definición de la ubicación de la biblioteca de etiquetas mediante la directiva taglib

• Creación de un prefijo para hacer referencia a la biblioteca de etiquetas en la JSP

• Uso del prefijo para llamar a una etiqueta y especificar atributos si es necesario

<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c"%>

<c:out value="avalue"></c:out>


JSP Standard Tag Library

JSTL (JSP Standard Tag Library) se está desarrollando según Java Community Process. Proporciona un juego estándar y común de etiquetas personalizadas para:

• Iteración, procesamiento condicional y soporte de lenguaje de expresión

• Análisis y transformación de documentos XML

• Formato y análisis de cadenas, fechas y divisas para la internacionalización

• Acceso a base de datos y manipulación de datos


Etiquetas de Struts

La tecnología Apache Struts contiene una biblioteca de etiquetas personalizadas para su uso con las JSP.

Hay varias categorías de bibliotecas de Struts disponibles en la paleta decomponentes, entre ellas:

• Struts HTML

• Logic

• Struts Beans

• Templates

• Nested

• Tiles


Etiquetas de Enlace de Datos

• Data Control Palette contiene objetos que se asignan a los componentes de negocio del espacio de trabajo. Los controles se pueden incluir en la JSP con diferentes formatos, en función del tipo de componente de modelo que representen: – Texto de entrada (elemento individual) – Pantalla de entrada (objeto de vista

completo) – Botón (operación como Commit)


Uso de Data Control Palette

• Arrastre componentes de Data Control Palette al editor visual de una JSP para mostrar datos.

• Utilice el recuadro de listaDrop As para seleccionarel estilo del control.


Forma de Mostrar los Datos

<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c"%> <table border="1" width="100%"><tr> <c:forEach var="Row" items="${bindings.OrdersView1.rangeSet}"> <tr><td> <c:out value="${Row.currencyString}"> </c:out> </td>…

JSTL se utiliza para repetir y mostrar datos: • <c:out value="${expr}" /> • <c:forEach var="Row" >…</c:forEach>


Tipos de Control de Objetos de Vista

Utilice tipos de componente de objetos de vista para mostrar todos los datos de un objeto de vista. Suelte el objeto de vista como uno de los siguientes tipos de control:

• Read-Only Form • Select Row Link • Graph • Navigation List

• Table • Dynamic Table • Navigation Buttons • Input Form


Tipos de Control de Elementos de Objetos de Vista

Para mostrar un control de datos que representa un elemento de objeto de vista único, seleccione el elemento en Data Control Palette y agréguelo a la JSP como:

• Value

• Label

• Input Field

• Password Field


Operaciones

Las operaciones son acciones de datos que interactúan con un objeto de vista completo o con un módulo de aplicación completo. Entre ellas se incluyen:

• Create: crea una nueva fila en el objeto de vista

• Find: navega a una fila concreta en el objeto de vista

• Delete: elimina la fila actual

• Execute: envía una consulta

• Navigation sets (First Set, Last Set, First y Next)

• Commit: confirma un módulo de aplicación completo

• Rollback: realiza rollback de los cambios en un módulo de aplicación


Personalización de Controles

• Seleccione View > Property Inspector para modificar las propiedades de control.

• Para las operaciones, también puede hacer clic dos veces en el botón para modificar el nombre y el valor.


JSP frente a UIX

Una vista ADF también se puede crear como una página UIX:

• Hay más componentes visuales disponibles en UIX.

• Data Control Palette se puede utilizar para crear páginas UIX de enlace de datos.


Resumen

En esta lección ha aprendido a:

• Crear páginas JSP que utilizan scriptlets, expresiones y declaraciones para generar contenido dinámico

• Incorporar bibliotecas de etiquetas en páginas JSP para fomentar el diseño centrado en componentes de las aplicaciones JSP

• Agregar ADF Business Components a una JSP a través de Data Control Palette


Práctica 10-1: Visión General

Esta práctica cubre los temas siguientes:

• Creación de una JSP para conexión de usuario

• Creación de navegación a otra JSP

• Creación de una JSP para editar e insertar datos de clientes

Lesson 10 - Building the ADF View Component

Documents

Transcript of Lesson 10 - Building the ADF View Component