Primero que nada debemos iniciar nuestro JDeveloper.
Una vez abierto nuestro JDeveloper nos dirigimos al navegador de aplicaciones y creamos una nueva aplicación, seleccionamos "Fusion Web Application (ADF)" y damos click en finalizar.
Al finalizar el proyecto que nos creara se debe ver como este, con una sección de diseño que es viewController y otra donde se contendrán nuestros códigos que es Model, para este ejemplo de la plantilla solo usaremos el viewController, damos un click derecho sobre el y click en nuevo.
Cuando dimos el click en nuevo nos parece una pantalla como esta que nos muestra todos los posibles ítems que podemos agregar, dentro de "Web Tier" seleccionamos "JSF" y al lado derecho seleccionamos el ítem "JSF Page template" y damos click en Ok para continuar.
En esta pantalla definiremos nuestra plantilla que lleva una extensión .jspx que nos indica únicamente que será compatible con código XML, primero le damos un nombre al archivo, una ubicación y un nombre a la plantilla, después hay que crear los Facet y los Attributes.Facet:
Son las Áreas dinámicas de la plantilla que se dejaran para el contenido de las jsp.
Attributes:
Son los Parámetros recibidos por la plantilla.
Dependiendo de la cantidad de Facet y Attributes que le hayamos colocado a nuestra plantilla debemos tener una estructura de árbol similar a esta imagen:
Ahora vamos al diseño, ayudados por los componentes layout de ADF demos el diseño que deseemos a nuestra plantilla, para este ejemplo agregamos un "Panel Strech Layout" este ayuda a administrar el espacio en la plantilla de la siguiente manera:
En cualquier área que deseemos de nuestra plantilla podemos arrastrar un "Facet Ref" ubicados en los componentes "Common Components" de ADF Faces lo que nos arrojara una pequeña alerta como esta la cual dependiendo de los facet que tenga nuestra plantilla nos mostrara una lista de ellos para escoger que deseamos este contenido en esa sección.
Para hacer referencia a algún attributes que no son otra cosa que parámetros para la plantilla agregamos cualquier control común con la propiedad valué, y como valué le ponemos en expression language #{attrs.nombre_atributo} ya con nuestra plantilla personalizada, este es un ligero ejemplo de su interface.
Ahora ya tenemos la plantilla terminada, implementémosla a un jsp (JSF Page), siguiendo básicamente los mismos paso que para crear la plantilla solo seleccionando un ítem diferente.viewControlle > Click derecho > New > Web Tier > JSF > JSF Page > Ok
Después del Ok, nos mostrara una pequeña ventana como esta, donde le asignaremos un nombre y una ubicación a nuestra jsp, también marcaremos Create as XML Document, lo que nos generara un archivo con la extensión .jspx igual que el de la plantilla y para terminar en la lista de Use Page Template seleccionaremos el nombre de nuestra plantilla creada.
Cuando se crea nuestra .jspx nos muestra la plantilla que acabamos de crear con las partes que le dejamos como Facet editables que servirá para que le coloquemos el contenido que deseemos.
Para terminar damos click derecho sobre nuestra jspx y seleccionamos Run, para que se compile y ejecute nuestro proyecto, así es como se visualizaría nuestra sencilla plantilla. en ejecución con su contenido.
No hay comentarios:
Publicar un comentario