INSTITUTO POLITCNICO NACIONAL

ESCUELA SUPERIOR DE CMPUTO

NOMBRE:LORA ROSAS YONATHAN

GRUPO:3CM3

MANUAL SOBRE JSFASIGNATURA: WEB APPLICATION DEVELOPMENTPROFESOR: ALEJANDRO SIGFRIDO CIFUENTES ALVAREZ

INICIO

Crear un nuevo proyecto con JSF 2.0 SoporteUtilice el asistente del IDE Proyecto para crear una nueva aplicacin web en Java. Al llegar a Paso 4: Marcos, seleccione JavaServer Faces.

Despus de seleccionar JavaServer Faces, varias opciones de configuracin disponibles para usted, como se muestra en la imagen de arriba.Puede determinar la forma en que el proyecto tiene acceso a bibliotecas JSF 2.0.Haga clic en la pestaa de Configuracin para especificar cmo el servlet Faces estar registrado en el descriptor de despliegue del proyecto.

facelets EditorEditor del IDE Facelets proporciona numerosas funciones que facilitan el desarrollo JSF, incluyendo resaltado de sintaxis y de comprobacin de errores para las etiquetas JSF, documentacin de apoyo, y la terminacin de cdigo para expresiones EL, bibliotecas Facelets central y espacios de nombres.Puede pulsar Ctrl-Space para invocar la finalizacin de cdigo y documentacin de apoyo, en su caso.

Cuando el cursor no est colocado en una etiqueta, al pulsar Ctrl-Space se invoca una lista emergente de elementos.Estos elementos tambin se puede acceder desde el IDE dePaleta

Tambin puedes escribir un prefijo antes de pulsar Ctrl-Space, por ejemplo,jsf, para filtrar los elementos.

Puede pulsar Ctrl-Space para invocar la finalizacin de cdigo para espacios de nombres Facelets.

Del mismo modo, si escribe en una etiqueta JSF, cuyo espacio de nombres no han sido declarados en la pgina, el IDE agrega automticamente a la pginaetiqueta.El editor ofrece apoyo para la terminacin Expression Language (EL) sintaxis.Presione Ctrl-Espacio de EL cdigo que llame a las sugerencias de los objetos implcitos, JSF administrados frijoles, y sus propiedades.

Tambin puede resaltar fragmentos de cdigo en el editor, y elija Convertir al componente compuesto con el fin de crear componentes JSF compuesto.

El editor ofrece capacidades bsicas de comprobacin de errores.Se muestra un error con un subrayado rojo y la insignia correspondiente en el margen izquierdo.Las advertencias estn subrayados en amarillo y se indican con un distintivo amarillo en el lado izquierdo.Usted puede colocar el ratn sobre la insignia o el texto subrayado para ver una descripcin del error.Al entrar en las etiquetas JSF, los diferentes controles se llevan a cabo.Estos incluyen si: la biblioteca declarada existe la biblioteca acompaado por el prefijo de etiqueta contiene un componente o una etiqueta La etiqueta contiene todos los atributos necesarios todos los atributos de entrada se definen en la interfaz del componente El editor tambin busca: la existencia de componentes no declarados la presencia de las declaraciones taglib sin usos

Caras Editor de configuracin XMLSi se incluye unfaces-config.xmlarchivo en el proyecto JSF, puede pulsar Ctrl-Space al definir las reglas de navegacin o declarar beans gestionados con el fin de educar a la finalizacin de cdigo y documentacin de apoyo.

Para esto le damos en nuevo archivo-> java Server Faces y despus en JSF Faces Configuation y damos clic en netx y en finish

Si prefiere entrar en las reglas de navegacin y beans gestionados utilizando los cuadros de dilogo en lugar de la codificacin manual de ellos, el IDE proporciona varias JSF especficos de cuadros de dilogo para este propsito.Estos son accesibles desde el men contextual del editor.

El IDE proporciona dos diferentespuntos de vistapara elfaces-config.xmlarchivo: la vista de XML, lo que muestra el cdigo fuente XML, y la vista PageFlow, que es una interfaz grfica que muestra las normas de navegacin JSF se define en elarchivo faces-config.xmlPor ejemplo, si su archivo contiene la regla de navegacin siguientes:

/ greeting.xhtml respuesta / success.xhtml

El punto de vista PageFlow muestra la siguiente relacin, lo que indica que un sistema de navegacin degreeting.xhtmlasuccess.xhtmlse produce cuando "la respuesta"se pasa a JSFNavigationHandler.

JSF WizardsEl IDE NetBeans proporciona numerosos asistentes que facilitan el desarrollo con JSF 2.0.Puede crear pginas Facelets nuevo, plantillas de Facelets, JSF administrados frijoles, componentes compuestos, Caras archivos de configuracin, y mucho ms.Todos los asistentes son accesibles a travs del asistente de archivos genricos del IDE.Para acceder al asistente de archivos, pulse el botn Nuevo archivo , o seleccione Archivo> Nuevo archivo del men principal JSF especficos de los asistentes se enumeran dentro de la categora JavaServer Faces.

Los siguientes asistentes estn disponibles para usted cuando se trabaja en un proyecto web en Java con el apoyo de JSF.

JSF Page WizardUse la pgina del asistente para crear JSF Facelets y las pginas JSP para su proyecto.En el asistente de archivos del IDE, seleccione la categora JavaServer Faces, a continuacin, seleccione la pgina JSF.En JSF 2.0, Facelets es la mejor forma de declarar las pginas JSF.La opcin de Facelets en el asistente se selecciona por defecto.Seleccione la opcin Archivo JSP si usted desea crear nuevas pginas JSP, o fragmentos de JSP (. jspfarchivos).

Bean gestionado AsistentePuede crear frijoles JSF administrados para su aplicacin utilizando el IDE es administrado asistente Bean.De la categora JavaServer Faces en el IDE deasistente de archivo, seleccione JSF administrados Bean.

Por defecto, todos los metadatos que se especifique en el asistente se traduce en las anotaciones que se aplican a la semilla logr una vez que se genera.Por ejemplo, en la siguiente imagen, se puede crear un nuevo mbito de sesin de clase denominadoNewJSFManagedBeany el nombre demyManagedBean.

Cuando el bean gestionado se genera, parece que sigue con anotaciones apropiadas.paquete my.org;

import javax.faces.bean.ManagedBean;import javax.faces.bean.SessionScoped;

@ ManagedBean (name = "myManagedBean") @ SessionScopedpublic class {NewJSFManagedBean

/ ** Crea una nueva instancia de NewJSFManagedBean * / pblic NewJSFManagedBean () { }

}

Adems, si el proyecto ya contiene unafaces-config.xmlarchivo, "los datos Aadir al archivo de configuracin" del asistente opcin se activa, lo que le permite declarar el bean gestionado en el archivo de configuracin de Faces, o tiene alguna metadatos especificados a travs de anotaciones en el bean gestionado.

Asistente de configuracin de las carasJSF 2.0 introduce anotaciones como alternativa a la norma Caras archivo de configuracin (faces-config.xml) para la configuracin de su aplicacin.Por lo tanto, al agregar JSF 2.0 a un proyecto, el IDEnogenerar un defectofaces-config.xmlarchivo (como fue el caso de JSF 1.2).Naturalmente, es posible que desee agregar unfaces-config.xmlarchivo a su proyecto con el fin de definir ciertas opciones de configuracin.Para ello, utilice el asistente de configuracin del IDE caras.

De la categora JavaServer Faces en el IDE deasistente de archivo, seleccione Configuracin de JSF caras.Esto le permite crear un nuevofaces-config.xmlarchivo, que se coloca en su proyectoWEB-INFcarpeta por defecto.

Verlas caras editor de configuracin XMLpara la descripcin de apoyo editor del IDE defaces-config.xml.

Asistente para componentes de material compuestoJSF 2.0 ha simplificado el proceso de creacin de la interfaz de usuario compuesta (IU) de los componentes, que pueden ser reutilizados en las pginas web.Usted puede utilizar el asistente de la IDE de Componente Compuesto para generar una plantilla de Facelets para un componente JSF compuesto.

Al igual que todos los asistentes relacionados con JSF, puede acceder al asistente de Componente Compuesto de la categora JavaServer Faces en el IDE deasistente de archivo.Sin embargo, una forma ms intuitiva para pedir al asistente al destacar el fragmento de cdigo desde una pgina Facelets en el editor, a continuacin, elegir Refactorizar> Convertir Componente Compuesto en el men emergente.

El siguiente ejemplo describe las acciones que ocurren, y las instalaciones a su disposicin, al invocar el Asistente para componentes de compuesto en el fragmento, " Este es el componente compuesto. ".

El asistente de componentes compuestos se abre, que contiene el fragmento seleccionado en el panel Seccin de Ejecucin.

De manera predeterminada, el asistente crea una carpetaezcomp que contenga los componentes compuestos.Por ejemplo, si est creando un nuevo componente llamadomyComponent, el asistente genera unmyComponent.xhtmlpgina Facelets, que residan en lade recursos / ezcompcarpeta de raz del sitio Web de la aplicacin.Cuando haya finalizado el asistente, el archivo de origen de componente compuesto se genera para el fragmento de cdigo dado.La plantilla incluye una referencia a JSF 2.0 'scompuestode biblioteca de etiquetas.

Este es el componente compuesto.

Adems, una etiqueta de componente nuevo se inserta en la ubicacin en el editor en el que destaca el fragmento.En este caso, la etiqueta se genera:.Tenga en cuenta que el IDE agrega automticamente el espacio de nombres donde reside el componente compuesto a la pgina deetiqueta.

El IDE tambin es compatible con hipervnculos a los archivos de origen de componente compuesto.

Facelets Asistente de plantillaUtilice el asistente de plantilla de Facelets para generar una plantilla de Facelets.De la categora JavaServer Faces en el IDE deasistente de archivo, seleccione Plantilla de Facelets.Puede elegir entre ocho estilos de diseo nico, y especificar si el diseo se implementa el uso de CSS o HTML unaetiqueta.

El asistente crea un archivo de plantilla utilizando XHTMLyetiquetas, hojas de estilo y los lugares relacionados en elde recursos / csscarpeta de raz del sitio Web de la aplicacin.El asistente genera unadefault.cssarchivo, y unacssLayout.cssotableLayout.cssarchivo, dependiendo de su seleccin de diseo.

Facelets Plantilla de Cliente AsistenteUtilice la plantilla de Facelets asistente del cliente para generar una pgina que hace referencia a una plantilla de Facelets en su proyecto.De la categora JavaServer Faces en el IDE deasistente de archivo, seleccione Cliente Facelets de plantilla.Usted puede especificar la ubicacin de la plantilla de Facelets que es utilizado por el cliente.Puede especificar si la etiqueta raz eso

Apoyo a las clases de entidadSi est utilizando la persistencia de Java en su solicitud y tener las clases de entidad basado en el esquema de base de datos, el IDE proporciona una funcionalidad que le permite trabajar de forma eficaz con los datos de clase de entidad.

Creacin de pginas JSF de clases de entidad

Una vez que haya clases de entidad en su aplicacin, puede utilizar las pginas de la IDE de JSF de clases de entidad asistente para crear una interfaz web para la visualizacin y modificacin de datos de la entidad de clase.El cdigo generado por el asistente se basa en las anotaciones contenidas en la persistencia de las clases de entidad.Para cada clase de entidad, el asistente genera las siguientes: un bean de sesin sin estado para la creacin, recuperacin, modificacin y eliminacin de instancias de la entidad JSF un mbito de sesin, bean gestionado un directorio que contiene cuatro archivos de Facelets para las capacidades de CRUD (Create.xhtml,Edit.xhtml,List.xhtmlyView.xhtml) clases de utilidad utilizado por los granos de JSF administrados (JsfUtil,PaginationHelper) un paquete de propiedades para los mensajes localizados, y una entrada correspondiente en el archivo del proyecto de configuracin de las caras (Afaces-config.xmlarchivo se crea si no existe). auxiliar archivos web, incluyendo una hoja de estilo por defecto para los componentes prestados, y un archivo de plantilla FaceletsPara utilizar las pginas JSF de la Entidad asistente de clases,el acceso asistente del IDE archivo.Seleccione la categora JavaServer Faces, a continuacin, seleccione las pginas JSF de clases de entidad.

Al llegar a Paso 3: Generar pginas JSF y clases, se puede especificar la ubicacin de los archivos que se generarn.

Por ejemplo, si usted est solicitando el asistente a unclientede clase de entidad, los valores que se muestran en la imagen anterior se generan los siguientes archivos: Afaces-config.xmlarchivo de registro de la ubicacin del paquete de propiedades que contiene mensajes localizados en los puntos de vista JSF.Por ejemplo, si especifica/ mi / org / paquetepara el nombre de paquete de localizacin en el asistente genera la siguiente entrada: / mi / org / paquete paquete

Unclientede carpetas en la raz de su web, que contiene cuatro archivos Facelets de capacidades CRUD: Create.xhtml: Una forma de JSF para la creacin de un nuevo cliente. Edit.xhtml: Una forma de JSF para la edicin de un cliente. List.xhtml: Una tabla de datos de JSF para desplazarse por los clientes. View.xhtml: Una forma de JSF para ver los detalles del cliente. jsfcrud.css: Una hoja de estilo que sirve para hacer los formularios JSF y tabla de datos. template.xhtml: Una pgina de Facelets opcional plantilla, que incluye una referencia a la generadajsfcrud.csshoja de estilos. Una sesin sin estado (la empresa) de frijol llamadoCustomerFacade, que reside en elmy.org.datapaquete.Esta clase tambin se puede acceder desde la empresa el nodo del proyecto Beans. Bundle.properties: Un paquete de propiedades que contiene los mensajes por defecto localizado en el punto de vista JSF. A JSF mbito de sesin, llamado bean gestionadoCustomerController, que reside en elmy.org.uipaquete. Dos clases de utilidad (JsfUtilyPaginationHelper) que residan en lamy.org.ui.utilpaquete.Estos son utilizados por elCustomerControllerbean gestionado.

Crear un formulario de JSF para Entity DataPuede utilizar el formulario desde la ventana de la entidad para generar un formulario JSF que contiene campos para todas las propiedades que figuran en una clase de entidad.Usted ya debe tener un grano de JSF administrados creado para manejar los datos de usuario asociado con la forma.

Puede acceder al formulario desde la ventana de la entidad, ya sea porlas teclas Ctrl-Espacio en el editor de una pgina Faceletsa continuacin, elija formulario JSF de la Entidad, o haciendo doble clic en el formulario de elemento de la entidad que figuran en el IDE dePaleta

Por ejemplo, en la siguiente imagen, unclientede clase de entidad que ya existe en elmy.orgpaquete del proyecto.AcustomerControllerbean gestionado tambin ya existe en el proyecto, y el bean gestionado contiene una propiedad denominada seleccionados que devuelve unclienteobjetivo.

Nota:Seleccione la opcin 'Crear punto de vista de slo lectura "para crear un formulario que contiene campos de slo lectura.Cuando se selecciona esta opcin, el IDE se aplicaetiquetas para los campos del formulario, mientras queetiquetas se aplican cuando la opcin no est seleccionada.Cuando se completa el cuadro de dilogo, el IDE genera el cdigo de su pgina de Facelets.Por ejemplo, unclientede clase de entidad que contiene unacustomerIdpropiedad se muestra en el siguiente formato:

... Campos [Otros aadido aqu. ] ...

Para modificar la plantilla que se utiliza para el cdigo generado, haga clic en el enlace de plantilla Personalizar en el formulario desde la ventana de la entidad.

Creacin de una tabla de datos para JSF Entity DataUsted puede utilizar el cuadro de dilogo Datos de la entidad para generar una tabla JSF de datos que contiene las columnas de todas las propiedades que figuran en una clase de entidad.Con el fin de hacer uso de este servicio, usted debe tener ya un bean gestionado JSF creado para manejar los datos de back-end asociados con la clase de entidad.Nota:Si utiliza este cuadro de dilogo sin tener un bean asociado administrado, puede introducir un nombre para el bean gestionado en el dilogo, y ese nombre se utilizar en la pgina, independientemente de si es vlido o no.A continuacin, puede crear un bean gestionado utilizando el IDE debean gestionado asistente, o si se utiliza lapginas JSF de la Entidad asistente de clases, beans gestionados se generan para todas las clases de entidad seleccionada.

Por ejemplo, en la siguiente imagen, unproductode clase de entidad que ya existe en elmy.org.entitypaquete del proyecto.AProductControllerbean gestionado tambin existe en el proyecto, y el bean gestionado contiene un mtodo denominadogetProductItems ()que devuelve unalistade productosobjetos.

Cuando se completa el cuadro de dilogo, el IDE genera el cdigo de su pgina de Facelets.Por ejemplo, unproductoque contiene una clase de entidadproductIdpropiedad se muestra en el siguiente formato:

... Columnas [Otros aadido aqu. ] ...

Para modificar la plantilla que se utiliza para el cdigo generado, haga clic en el enlace de plantilla Personalizar en el formulario desde la ventana de la tabla de datos.

Paleta de componentes JSFCuando se trabaja en las pginas de Facelets, usted puede tomar ventaja de la paleta del IDE para arrastrar y soltar las etiquetas JSF a la pgina.Puede acceder a la paleta o bien eligiendo Ventana> Paleta en el men principal, o pulse Ctrl-Shift-8 (-Shift-8 en Mac). Tambin puede elegir la Fuente> Cdigo Insertar desde el men principal del IDE para invocar una lista desplegable que contiene JSF componentes especficos contenidos en la paleta. La paleta se ofrece con cinco JSF componentes relacionados con: Metadatos:Invoca un cuadro de dilogo para aadir pares nombre-valor dentro de las etiquetas de metadatos JSF.Por ejemplo, si especifica "miId'y'myValue"como un par nombre-valor, el siguiente fragmento de cdigo se produce:

Formulario de JSF:Aade el siguiente fragmento de cdigo a la pgina.

Formulario de JSF de la Entidad:Invoca un cuadro de dilogo que le permite asociar datos de una clase de entidad a los campos en un formulario de JSF.VerCreacin de un formulario JSF para los datos de la entidad. JSF Data Table:Aade el siguiente fragmento de cdigo a la pgina.

JSF tabla de datos de la Entidad:Invoca un cuadro de dilogo que le permite asociar datos de una clase de entidad a los campos contenidos en una tabla de datos JSF.VerCreacin de una tabla de datos para JSF Entity Data.