... Instituto Politécnico Nacional Ingeniería en Sistemas Computacionales. Práctica 12

Transcripción

1 . Instituto Politécnico Nacional Ingeniería en Sistemas Computacionales Práctica 12 Alumno: _Torres Fernández Yuliana Teresa Boleta: Grupo: 3CM2 Profesor: Cifuentes Alvarez Alejandro Fecha de elaboración: 24 / 04 / Using Hibernate in a Web Application

2 INTRODUCCIÓN En este tutorial, se utiliza el IDE NetBeans para crear y desplegar una aplicación Web que muestra datos de una base de datos. La aplicación web utiliza el marco de Hibernate como la capa de persistencia para la recuperación y almacenamiento de objetos típicos JAVA (POJOs) a una base de datos relacional. Hibernate es el marco que proporciona herramientas para el mapeo relacional de objeto (ORM). El tutorial se muestra cómo agregar soporte para el marco de Hibernate para el IDE y crear los archivos necesarios de Hibernate. Después de crear los objetos Java y configurar la aplicación para utilizar Hibernate, JSF se crea un bean gestionado y las páginas JSF 2.0 para mostrar los datos.

3 Desarrollo Creación de la Base de Datos Este tutorial usa una base de datos MySQL llamada Sakila, una muestra gratis de base de datos MySQL que está disponible en el sitio de MySQL. La base de datos Sakila no se incluye al instalar el IDE lo que es necesario crear primero la base de datos para seguir este tutorial. Para crear la base de datos Sakila usted puede descargar e instalar el plugin de base de datos de muestra Sakila usando el gestor de plugins. Después de instalar el plugin de la base de datos Sakila se añade a la lista de bases de datos en el cuadro de diálogo Crear base de datos de MySQL. Para obtener más información sobre la configuración del IDE para trabajar con MySQL, consulte la Conexión a una base de datos MySQL Tutorial.

4 1. Abra el Administrador de complementos e instalar el plug-in muestra Sakila base de datos. 2. Después de instalar el plugin, iniciar la base de datos MySQL mediante la ampliación del nodo Bases de datos en la ventana Servicios, haga clic en el nodo de servidor de MySQL y seleccione Inicio. 3. Haga clic en el nodo de servidor MySQL y seleccione Crear base de datos. 4. Seleccione la base de datos Sakila en el menú Base de datos nuevo nombre en la lista desplegable del cuadro de diálogo de creación de MySQL base de datos. Haga clic en Aceptar. Al hacer clic en Aceptar un nodo Sakila aparece bajo el nodo de servidor MySQL. 5. Haga clic en el nodo Sakila y seleccione Conectar.

5 Al hacer clic en Conectar un nodo de conexión de base de datos de la base de datos Sakila (jdbc: mysql :/ / localhost: 3306/sakila [nombre de usuario en defecto]) aparece bajo el nodo Bases de datos. Cuando una conexión está abierta, puede ver los datos en la base de datos mediante la ampliación del nodo de conexión. Crear el proyecto de aplicación web En este ejercicio creará un proyecto de aplicación web y agregar las bibliotecas de Hibernate para el proyecto. Cuando se crea el proyecto, tendrá que elegir Hibernate en el panel de marcos de la asistente New Project y especificar la base de datos. 1. Elija Archivo> Nuevo Proyecto (Ctrl + Mayúsculas + N; + Mayúsculas + N en Mac) en el menú principal. Seleccione Aplicación Web de la categoría de Java Web y haga clic en Siguiente.

6 2. Tipo DVDStore para el nombre del proyecto y establecer la ubicación del proyecto. 3. Desmarque la opción Carpeta de uso dedicado, si se selecciona. Haga clic en Siguiente. Para este tutorial no hay razón para copiar las bibliotecas del proyecto en una carpeta específica, ya que no tendrá que compartir bibliotecas con otros usuarios. 4. Configurar el servidor para el servidor GlassFish 3 y fijar la versión Java EE Java EE 6 Web. Haga clic en Siguiente.

7 5. Seleccione la casilla de verificación JavaServer Faces y el uso de las bibliotecas por defecto JSF Seleccione la casilla de verificación Hibernate Seleccione la base de datos Sakila en el menú de conexión de base de datos la lista desplegable. Haga clic en Finalizar. Nota: Si la base de datos Sakila no está disponible como una opción en el panel Marcos en el asistente, compruebe si la conexión se muestran bajo el nodo Bases de datos en la ventana de Servicios. Si la conexión no está allí, es necesario crear la conexión de base de datos.

8 Al hacer clic en Finalizar, el IDE crea el proyecto de aplicación web y abre el archivo hibernate.cfg.xml y index.xhtml en el editor.

9 Si expande el nodo Bibliotecas en la ventana de Proyectos, se puede ver que el IDE añade las bibliotecas de Hibernate para el proyecto. Modificar el archivo de configuración de Hibernate Cuando se crea un nuevo proyecto que utiliza el marco de hibernación, el IDE crea automáticamente el fichero de configuración hibernate.cfg.xml en la raíz del classpath de contexto de la aplicación (en la ventana de Archivos, src / java). El archivo se encuentra en el package> <default en el nodo Source Packages en la ventana de proyectos. El archivo de configuración contiene información sobre la conexión de base de datos, las asignaciones de recursos y otras propiedades de conexión. Usted puede editar el archivo con el editor de multi-vista, o de modificar el código XML directamente en el editor XML. En este ejercicio va a modificar las propiedades predeterminadas especificadas en el hibernate.cfg.xml para habilitar el registro de depuración para las sentencias SQL y para permitir la gestión de Hibernate contexto de la sesión. 1. Abra hibernate.cfg.xml en la pestaña Diseño. Usted puede abrir el archivo mediante la ampliación del nodo package> <default en los paquetes fuente en la ventana de Proyectos y hibernate.cfg.xml doble clic.

10 2. En el editor de multi-vista XML, expanda el nodo Propiedades de configuración en las propiedades opcionales. 3. Haga clic en Agregar para abrir el complemento Propiedad Hibernate cuadro de diálogo. 4. En el cuadro de diálogo, seleccione la propiedad hibernate.show_sql y establecer el valor a true. Esto permite que el registro de depuración de las sentencias SQL.

11 5. Expanda el nodo Propiedades de Varios y haga clic en Agregar. 6. En el cuadro de diálogo, seleccione la hibernate.current_session_context_class propiedades y establecer el valor de enhebrar para permitir la gestión automática de Hibernate contexto de la sesión. 7. Haga clic en Agregar nuevo bajo el nodo Propiedades y seleccione Varios hibernate.query.factory_class en la lista desplegable Nombre de la propiedad. 8. Seleccione org.hibernate.hql.classic.classicquerytranslatorfactory como el valor de la propiedad. Haga clic en Aceptar.

12 Nota para el IDE NetBeans 6.9. Debe escribir org.hibernate.hql.classic.classicquerytranslatorfactory como el valor de la propiedad. En el IDE de NetBeans 6.9, el valor de la propiedad en la lista desplegable para la clase debe ser similar al siguiente (las tres propiedades nuevas están en negrita): Si hace clic en la ficha XML en el editor se puede ver el archivo en la vista XML. El archivo <hibernate-configuration> <session-factory name="session1"> <propiedad name="hibernate.dialect"> org.hibernate.dialect.mysqldialect </ propiedad> <propiedad name="hibernate.connection.driver_class"> com.mysql.jdbc.driver </ propiedad> <propiedad name="hibernate.connection.url"> jdbc: mysql :/ / localhost: 3306/sakila </ propiedad> <propiedad raíz name="hibernate.connection.username"> </ propiedad> <propiedad name="hibernate.connection.password"> # # # # # # </ propiedad> <propiedad name="hibernate.show_sql"> true </ propiedad> <propiedad hilo name="hibernate.current_session_context_class"> </ propiedad> <Propiedad </ Session-factory> </ Hibernate-configuration> 9. Guarde los cambios en el archivo. Puede cerrar el archivo porque no es necesario editar el archivo de nuevo.

13 Creación del archivo de Ayudante HibernateUtil.java Para utilizar Hibernate tiene que crear una clase auxiliar que se encarga de puesta en marcha y que tiene acceso a SessionFactory de Hibernate para obtener un objeto Session. La clase llama a configure () y carga el archivo de configuración hibernate.cfg.xml y después construye la SessionFactory para obtener el objeto Session. En esta sección se utiliza el asistente de archivo nuevo para crear la clase de ayuda HibernateUtil.java. 1. Haga clic en el nodo Source Packages y seleccione Nuevo> Otros para abrir el asistente de New File.

14 2. Seleccione Hibernar en la lista Categorías y HibernateUtil.java de la lista Tipos de archivo. Haga clic en Siguiente. 3. Escriba HibernateUtil para el nombre de clase y dvdrental para el paquete. Haga clic en Finalizar. Al hacer clic en Finalizar, HibernateUtil.java abre en el editor. Puede cerrar el archivo porque no es necesario editar el archivo. Generación de archivos de mapeo de Hibernate y las clases Java En este tutorial se utiliza un POJO (Plain Old Java objeto) para representar los datos en cada una de las tablas de la base de datos que va a utilizar. La clase Java especifica los campos de las columnas de las tablas y utiliza setters y getters simples para recuperar y escribir los datos. Para asignar los POJOs a las tablas que usted puede utilizar un archivo de mapeo de Hibernate, o el uso de anotaciones en la clase. Puede utilizar los archivos de mapeo Hibernate y POJOs de un asistente para crear base de datos de POJOs múltiples y archivos de mapeo basadas en tablas de bases de datos. Cuando se utiliza el asistente, seleccione todas las tablas para las que desea POJOs y archivos de asignación y el IDE a

15 continuación, genera los archivos para usted, basado en las tablas de bases de datos y agrega las entradas de mapeo para hibernate.cfg.xml. Cuando se utiliza el asistente, puede elegir los archivos que desea que el IDE para generar (sólo los POJOs, por ejemplo) y seleccione las opciones de generación de código (generar el código que utiliza EJB 3 anotaciones, por ejemplo). Nota. El IDE también tiene asistentes para ayudarle a crear POJOs individuales y archivos de asignación a partir de cero. Crear el archivo de hibernación inversa Ingeniería Si usted desea utilizar los archivos de mapeo Hibernate y POJOs de un asistente de base de datos, primero debe crear un archivo de hibernate.reveng.xml ingeniería inversa. Los archivos de mapeo Hibernate y POJOs de un asistente de base de datos requiere hibernate.reveng.xml y hibernate.cfg.xml. El archivo de la ingeniería inversa le permite tener un mayor control sobre la estrategia de mapeo de base de datos. La ingeniería inversa de Hibernate asistente crea un archivo de ingeniería inversa con una configuración predeterminada que se puede editar en el editor XML. Para crear el archivo de hibernación inversa ingeniería, realice los siguientes pasos. 1. Haga clic en el nodo Source Packages en la ventana de Proyectos y seleccione Nuevo> Otros para abrir el asistente de New File. 2. Seleccione Hibernar Asistente para ingeniería inversa en la categoría de Hibernate. Haga clic en Siguiente.

16 3. Especifique hibernate.reveng como nombre de archivo y src / java para la carpeta. Haga clic en Siguiente. 4. Seleccione hibernate.cfg.xml en el menú archivo de configuración de la lista desplegable, si no está seleccionado. 5. Seleccione las siguientes tablas de las tablas disponibles y haga clic en Agregar para agregar las tablas para las tablas seleccionadas. o actor o categoría o película o film_actor o film_category o lengua

17 Haga clic en Finalizar. El asistente genera un archivo hibernate.reveng.xml ingeniería inversa y abre el archivo en el editor. Puede cerrar el archivo de la ingeniería inversa, ya que no tendrá que editar el archivo. Para más detalles acerca de cómo trabajar con el archivo hibernate.reveng.xml, consulte el Capítulo 5. El control de la ingeniería inversa en la Guía de Referencia de herramientas de Hibernate.

18 La creación de los archivos de mapeo Hibernate y POJOs Puede utilizar los archivos de mapeo Hibernate y POJOs de un asistente de base de datos para generar los archivos para usted. El asistente puede generar un POJO y un archivo de asignación correspondiente a cada mesa que seleccione en el asistente. Los archivos de mapeo son archivos XML que contienen datos acerca de cómo las columnas de las tablas se asignan a los campos en los POJOs. Usted necesita tener los archivos hibernate.reveng.xml y hibernate.cfg.xml para utilizar el asistente. Para crear los POJOs y archivos de asignación mediante un asistente, realice los siguientes pasos. 1. Haga clic en el nodo Source Packages en la ventana de Proyectos y seleccione Nuevo> Otros para abrir el asistente de New File. 2. Seleccione Hibernar archivos de asignación y POJOs de una base de datos en la categoría de Hibernate. Haga clic en Siguiente. 3. Asegúrese de que los archivos hibernate.cfg.xml y hibernate.reveng.xml se seleccionan en las listas desplegables.

19 4. Seleccione JDK 5 Características del lenguaje en las opciones de configuración general. 5. Asegúrese de que el Código de dominio y las opciones de Hibernate XML Asignaciones están seleccionados. 6. Seleccione dvdrental para el nombre del paquete. Haga clic en Finalizar. Al hacer clic en Finalizar el IDE genera POJOs y Hibernate archivos de mapeo con los campos asignados a las columnas especificadas en hibernate.reveng.xml. El IDE también añade entradas de asignación de hibernate.cfg.xml. <hibernate-configuration> <session-factory> <propiedad name="hibernate.dialect"> org.hibernate.dialect.mysqldialect </ propiedad> <propiedad name="hibernate.connection.driver_class"> com.mysql.jdbc.driver </ propiedad> <propiedad name="hibernate.connection.url"> jdbc: mysql :/ / localhost: 3306/sakila </ propiedad> <propiedad miusuario name="hibernate.connection.username"> </ propiedad> <propiedad name="hibernate.connection.password"> micontraseña </ propiedad> <propiedad name="hibernate.show_sql"> true </ propiedad> <propiedad hilo name="hibernate.current_session_context_class"> </ propiedad> <Propiedad <mapping resource="dvdrental/filmactor.hbm.xml"/> <mapping resource="dvdrental/language.hbm.xml"/> <mapping resource="dvdrental/film.hbm.xml"/> <mapping resource="dvdrental/category.hbm.xml"/> <mapping resource="dvdrental/actor.hbm.xml"/> <mapping resource="dvdrental/filmcategory.hbm.xml"/> </ Session-factory> </ Hibernate-configuration>

20 Tenga en cuenta. Confirme que los elementos de mapeo se enumeran después de que los elementos de la propiedad en el archivo hibernate.cfg.xml. Puede ampliar el paquete dvdrental para ver los archivos generados por el asistente. Usted puede utilizar el asistente de asignación de hibernación si desea crear un archivo de mapeo de Hibernate que asigna una tabla específica de una clase específica. Creación de la FilmHelper.java Ayudante de Clase Ahora va a crear una clase de ayuda en el paquete de dvdrental que se utiliza para realizar consultas de Hibernate en la base de datos. Se utilizará el lenguaje de consulta de Hibernate (HQL) editor para construir y probar las consultas para recuperar datos. Después de probar las consultas que se va a crear métodos en la clase de ayuda que construyen y ejecutar las consultas. A continuación, llamará a los métodos de la clase de ayuda de un grano de JSF administrados.

21 Creación de la Clase En esta sección podrás utilizar el asistente de nuevo archivo para crear el ayudante de clase en el paquete de FilmHelper.java dvdrental. Va a crear una sesión de Hibernate llamando getsessionfactory en HibernateUtil.java y crear algunos métodos de ayuda para crear consultas para recuperar datos de la base de datos. Se llamará a los métodos auxiliares de las páginas JSP. 1. Haga clic en el nodo de origen del paquete dvdrental y seleccione New> Java Class para abrir el asistente de archivo nuevo. 2. Tipo FilmHelper para el nombre de la clase. 3. Confirme que dvdrental es seleccionado como el paquete. Haga clic en Finalizar.

22 public class FilmHelper { Session session = null; public FilmHelper() { this.session = HibernateUtil.getSessionFactory().getCurrentSession(); 4. Añadir el siguiente código (en negrita) para crear una sesión de Hibernate. 5. Haga clic derecho en el editor y elegir las importaciones Fix (Alt-Shift-I; + Mayúsculas + I en Mac) para agregar las declaraciones de importación requeridos (org.hibernate.session) y guardar los cambios. Ahora va a modificar FilmHelper.java agregar métodos que consulten la base de datos.

23 Enumerar los títulos de las películas y recuperación de los actores mediante una consulta HQL En este ejercicio creará una consulta de Hibernate Language (HQL) consulta que consulta la base de datos para recuperar una lista de los títulos de las películas de la tabla de Cine. A continuación, agregue un método que cuestiona tanto el actor y tablas Film_actor a buscar a los actores involucrados en una película en particular. La tabla de Cine cuenta con 1000 registros por lo que el método para recuperar la lista de las películas debe ser capaz de recuperar los registros basados en la clave principal filmid. Va a utilizar el editor de HQL para construir y probar la consulta HQL. Después de haber creado la consulta correcta va a agregar un método a la clase que puede generar la consulta adecuada. 1. Haga clic derecho en el nodo del proyecto en la ventana de Proyectos y elegir limpiar y construir. 2. Haga clic derecho en hibernate.cfg.xml en la ventana de Proyectos y seleccione Ejecutar consulta HQL para abrir el editor de consultas HQL.

24 3. Seleccione hibernate.cfg de la lista desplegable en la barra de herramientas. 4. Pruebe la conexión escribiendo lo siguiente en el editor y hacer clic en el botón Ejecutar consulta HQL ( ) En la barra de herramientas. from Film Al hacer clic en Ejecutar consulta HQL puede ver los resultados de la consulta en la ventana inferior del editor de consultas HQL.

25 Si hace clic en el botón SQL se puede ver el equivalente de consulta SQL. seleccione film0_.film_id como col_0_0_ de sakila.film film0_ 5. Escriba la consulta siguiente para recuperar los registros de la tabla de Cine en el identificador de la película es entre 100 y 200. from Film as film where film.filmid between 100 and 200 La ventana de resultados muestra una lista de registros. Ahora que ha probado que la consulta devuelve los resultados deseados, puede utilizar la consulta en la clase de ayuda.

26 6. Añadir los getfilmtitles siguiente método para FilmHelper.java para recuperar las películas donde el id película es entre un cierto rango especificado por las variables startid y endid.

27 public List getfilmtitles(int startid, int endid) { List<Film> filmlist = null; try { org.hibernate.transaction tx = session.begintransaction(); Query q = session.createquery ("from Film as film where film.filmid between '"+startid+"' and '"+endid+"'"); filmlist = (List<Film>) q.list(); catch (Exception e) { e.printstacktrace(); return filmlist; 7. Agregue el siguiente método getactorsbyid que recupera a los actores en una película en particular. El método construye la consulta mediante filmid como la variable de entrada. public List getactorsbyid(int filmid){ List<Actor> actorlist = null; try { org.hibernate.transaction tx = session.begintransaction(); Query q = session.createquery ("from Actor as actor where actor.actorid in (select filmactor.actor.actorid from FilmActor as filmactor where filmactor.film.filmid='" + filmid + "')"); actorlist = (List<Actor>) q.list(); catch (Exception e) { e.printstacktrace(); return actorlist; 8. Fije sus importaciones y guardar los cambios. Al fijar sus importaciones desea elegir java.util.list y org.hibernate.query.

28 Adición de métodos auxiliares adicionales Ahora va a agregar otros métodos auxiliares que crean consultas basadas en una variable de entrada. Usted puede comprobar las consultas en el editor de consultas HQL. 1. Agregue el siguiente método para recuperar una lista de categorías de acuerdo a filmid. public Category getcategorybyid(int filmid){ List<Category> categorylist = null; try { org.hibernate.transaction tx = session.begintransaction(); Query q = session.createquery("from Category as category where category.categoryid in (select filmcat.category.categoryid from FilmCategory as filmcat where filmcat.film.filmid='" + filmid + "')"); categorylist = (List<Category>) q.list(); catch (Exception e) { e.printstacktrace(); return categorylist.get(0);

29 2. Agregue el siguiente método para recuperar una sola película de acuerdo a filmid. public Film getfilmbyid(int filmid){ Film film = null; try { org.hibernate.transaction tx = session.begintransaction(); Query q = session.createquery("from Film as film where film.filmid=" + filmid); film = (Film) q.uniqueresult(); catch (Exception e) { e.printstacktrace(); return film; 3. Agregue el método siguiente para recuperar el lenguaje cinematográfico de acuerdo a langid. public String getlangbyid(int langid){ Language language = null; try { org.hibernate.transaction tx = session.begintransaction(); Query q = session.createquery("from Language as lang where lang.languageid=" + langid); language = (Language) q.uniqueresult(); catch (Exception e) { e.printstacktrace(); return language.getname();

30 4. Guarde los cambios. Creación de la JSF bean gestionado En este ejercicio creará un bean JSF administrados. Los métodos en el bean gestionado se utilizan para mostrar los datos en las páginas JSF y para acceder a los métodos de la clase de ayuda para recuperar los registros. La especificación JSF 2.0 le permite utilizar las anotaciones en una clase de bean para identificar la clase como un bean JSF administrados, para especificar el alcance y para especificar un nombre para el frijol. Para crear el bean gestionado, realice los siguientes pasos. 1. Haga clic en el nodo de origen del paquete dvdrental y seleccione Nuevo> Otros.

31 2. Seleccione JSF Managed Bean de la categoría JavaServer Faces. Haga clic en Siguiente. 3. Tipo FilmController el nombre de clase. Usted usará el nombre de filmcontroller habr a administrado como el valor de la inputtext y CommandButton en el index.xhtml página JSF al llamar a métodos en el grano. 4. Seleccione dvdrental para el paquete. 5. Tipo filmcontroller para el nombre que se utilizará para el bean gestionado. 6. Establecer el ámbito de la Sesión. Haga clic en Finalizar.

32 Al hacer clic en Finalizar, el IDE crea la clase de frijol y se abre a la clase en el editor. El IDE añade el y SessionScoped pública FilmController la clase { / ** Crea una nueva instancia de FilmController * / pública FilmController () { Tenga en cuenta. Tenga en cuenta que el nombre del bean gestionado no se especifica explícitamente. De forma predeterminada, el nombre del grano es el mismo que el nombre de la clase y comienza con una letra minúscula. Si desea que el nombre de la haba de ser diferente del nombre de la clase, puede especificar explícitamente el nombre como un parámetro de las ManagedBean (por ManagedBean (name = "mybeanname"). 1. Agregue los campos siguientes (en negrita) a la clase. public class FilmController { int startid; int endid; DataModel filmtitles; FilmHelper helper; private int recordcount = 1000; private int pagesize = 10; private Film current; private int selecteditemindex;

33 2. Agregue el siguiente código (en negrita) para crear la instancia FilmController y recuperar las películas. /** Creates a new instance of FilmController */ public FilmController() { helper = new FilmHelper(); startid = 1; endid = 10; public FilmController(int startid, int endid) { helper = new FilmHelper(); this.startid = startid; this.endid = endid; public Film getselected() { if (current == null) { current = new Film(); selecteditemindex = -1; return current; public DataModel getfilmtitles() { if (filmtitles == null) { filmtitles = new ListDataModel(helper.getFilmTitles(startId, endid)); return filmtitles; void recreatemodel() { filmtitles = null;

34 3. Añadir los siguientes métodos que se utilizan para mostrar la tabla y navegar por las páginas. public boolean ishasnextpage() { if (endid + pagesize <= recordcount) { return true; return false; public boolean ishaspreviouspage() { if (startid-pagesize > 0) { return true; return false; public String next() { startid = endid+1; endid = endid + pagesize; recreatemodel(); return "index"; public String previous() { startid = startid - pagesize; endid = endid - pagesize; recreatemodel(); return "index"; public int getpagesize() { return pagesize; public String prepareview(){ current = (Film) getfilmtitles().getrowdata(); return "browse"; public String preparelist(){ recreatemodel(); return "index";

35 Los métodos que devuelven "índice" o "buscar" le pedirá el controlador de navegación JSF para intentar abrir una página llamada index.xhtml o browse.xhtml. La especificación JSF 2.0 permite el uso de reglas de navegación implícitos en las aplicaciones que utilizan la tecnología de Facelets. En esta aplicación, no hay reglas de navegación se configuran en faces-config.xml. En su lugar, el controlador de navegación a tratar de localizar una página adecuada en la aplicación. 4. Añadir los siguientes métodos que acceden a la clase de ayuda para obtener los detalles adicionales de la película. public String getlanguage() { int langid = current.getlanguagebylanguageid().getlanguageid().intvalue(); String language = helper.getlangbyid(langid); return language; public String getactors() { List actors = helper.getactorsbyid(current.getfilmid()); StringBuffer totalcast = new StringBuffer(); for (int i = 0; i < actors.size(); i++) { Actor actor = (Actor) actors.get(i); totalcast.append(actor.getfirstname()); totalcast.append(" "); totalcast.append(actor.getlastname()); totalcast.append(" "); return totalcast.tostring(); public String getcategory() { Category category = helper.getcategorybyid(current.getfilmid()); return category.getname(); 5. Fije sus importaciones (Ctrl + Mayúsculas + I) y guardar los cambios.

36 Usted puede utilizar el autocompletado de código en el editor para ayudarle a escribir su código. La creación de las páginas web En este ejercicio creará dos páginas web para la visualización de los datos. Se modificará el index.xhtml generado por el IDE para agregar una tabla que muestra las películas en la base de datos. A continuación, creará browse.xhtml para mostrar los detalles de una película cuando haga clic en el enlace "Ver" en la tabla. También se creará una plantilla de página JSF que es utilizado por index.xhtml y browse.xhtml. Para más sobre el uso de JSF 2.0 y plantillas de Facelets, vea Introducción a JavaServer Faces 2.0 Creación de template.xhtml En primer lugar, se creará el template.xhtml JSF Facelets plantilla que se utiliza en la composición de la index.xhtml y páginas browse.xhtml. 1. Haga clic derecho en el nodo del proyecto DVDStore en la ventana de Proyectos y seleccione Nuevo> Otros.

37 2. Seleccione la plantilla Facelets en la categoría JavaServer Faces. Haga clic en Siguiente. 3. Tipo de plantilla para el nombre de archivo y seleccione el primer estilo de diseño CSS. 4. Haga clic en Finalizar. Al hacer clic en Finalizar, el template.xhtml archivo se abre en el editor. La plantilla contiene el código predeterminado siguiente. <h:body> <div id="top" class="top"> <ui:insert name="top">top</ui:insert> </div> <div id="content" class="center_content"> <ui:insert name="content">content</ui:insert> </div> </h:body>

38 5. Modificar el elemento <ui:insert> para cambiar el nombre por defecto generado al "cuerpo". <div id="content" class="center_content"> <ui:insert name="body">content</ui:insert> </div> 6. Guarde los cambios. El contenido incluido dentro del elemento name="body"> <ui:define en index.xhtml browse.xhtml y se insertará en el lugar identificado con <ui:insert Contenido name="body"> </ ui: insert> en la plantilla. Modificación de index.xhtml Al crear la aplicación web, el IDE genera automáticamente la index.xhtml página. En este ejercicio se modifica la página para mostrar una lista de títulos de películas. La página JSF llama a los métodos en el JSF bean gestionado FilmController para recuperar la lista de las películas y, a continuación se muestra una tabla con los títulos de las películas y las descripciones. 1. Expanda la carpeta de Páginas Web en la ventana de Proyectos y index.xhtml abierto en el editor.

39 El Asistente para nuevo proyecto generado por la página por defecto index.xhtml siguiente. <html xmlns=" xmlns:h=" <h:head> <title>facelet Title</title> </h:head> <h:body> Hello from Facelets </h:body> </html> 2. Modificar la página para utilizar el <ui:composition> JSF y los elementos <ui:define> y añadir un elemento <h:form>. <html xmlns=" xmlns:h=" xmlns:ui=" <ui:composition template="./template.xhtml"> <ui:define name="body"> <h:form> </h:form> </ui:define> </ui:composition> </html>

40 Cuando comienza a escribir las etiquetas, el IDE agrega xmlns: ui = " declaración de biblioteca de etiquetas. Los elementos <ui:composition> y <ui:define> se utilizan en combinación con la plantilla de página que va a crear. Las referencias de elementos <ui:composition> la ubicación de la plantilla que será utilizada por esta página. Las referencias de elementos <ui:define> la posición en la plantilla que el código cerrado ocupará. 3. Añade los enlaces de navegación siguientes que llaman a los métodos anteriores y el siguiente en el grano de JSF administrados. <ui:define name="body"> <h:form> <h:commandlink action="#{filmcontroller.previous" value="previous #{filmcontroller.pagesize" rendered="#{filmcontroller.haspreviouspage"/> <h:commandlink action="#{filmcontroller.next" value="next #{filmcontroller.pagesize" rendered="#{filmcontroller.hasnextpage"/> </h:form> </ui:define> 4. Agregue el siguiente elemento DataTable (en negrita) para generar la tabla para mostrar los elementos recuperados.

41 <h:form styleclass="jsfcrud_list_form"> <h:commandlink action="#{filmcontroller.previous" value="previous #{filmcontroller.pagesize" rendered="#{filmcontroller.haspreviouspage"/> <h:commandlink action="#{filmcontroller.next" value="next #{filmcontroller.pagesize" rendered="#{filmcontroller.hasnextpage"/> <h:datatable value="#{filmcontroller.filmtitles" var="item" border="0" cellpadding="2" cellspacing="0" rowclasses="jsfcrud_odd_row,jsfcrud_even_row" rules="all" style="border:solid 1px"> <h:column> <f:facet name="header"> <h:outputtext value="title"/> </f:facet> <h:outputtext value="#{item.title"/> </h:column> <h:column> <f:facet name="header"> <h:outputtext value="description"/> </f:facet> <h:outputtext value="#{item.description"/> </h:column> <h:column> <f:facet name="header"> <h:outputtext value=" "/> </f:facet> <h:commandlink action="#{filmcontroller.prepareview" value="view"/> </h:column> </h:datatable> <br/> </h:form> 5. Guarde los cambios. La página de índice mostrará ahora una lista de títulos de películas en la base de datos. Cada fila de la tabla incluye un enlace "Ver" que invoca el método prepareview en el bean gestionado. El método prepareview devuelve "navegar" y se abrirá browse.xhtml.

42 Nota Cuando se escriba la etiqueta <f:facet>, el IDE se sumará xmlns:. F = "tag declaración de la biblioteca Confirme que la biblioteca de etiquetas se declara en el archivo. Creación de browse.xhtml Ahora va a crear la página browse.xhtml para mostrar los detalles de la película seleccionada. Puede utilizar la plantilla de Facelets asistente del cliente para crear la página basada en la plantilla de template.xhtml JSF Facelets que ha creado. 1. Haga clic con el botón DVDStore nodo del proyecto en la ventana de Proyectos y seleccione Nuevo> Otros. 2. Seleccione Cliente Facelets de plantilla en la categoría JavaServer Faces. Haga clic en Siguiente. 3. Escriba buscar el nombre de archivo.

43 4. Busque la plantilla de la página haciendo clic en Más para abrir el cuadro de diálogo Buscar archivos. 5. Expanda la carpeta de Páginas Web y seleccione template.xhtml. Haga clic en Seleccionar archivo. 6. Seleccione <ui:composition> de la etiqueta raíz generado. Haga clic en Finalizar. Al hacer clic en Finalizar, el browse.xhtml archivo se abre en el editor con el siguiente código. <ui:composition xmlns:ui=" template="./template.xhtml"> <ui:define name="top"> top </ui:define> <ui:define name="body"> body </ui:define> </ui:composition>

44 Se puede ver que el nuevo archivo especifica el archivo de template.xhtml y que la etiqueta <ui:define> tiene el nombre de la propiedad = "cuerpo" 7. Agregue el siguiente código (en negrita) entre las etiquetas <ui:define> para crear la forma y llamar a los métodos de la gestión FilmController frijol para recuperar los datos y llenar el formulario. <ui:composition xmlns:ui=" template="./template.xhtml" xmlns:h=" xmlns:f=" <ui:define name="top"> top </ui:define> <ui:define name="body"> <h:form> <h:panelgrid columns="2"> <h:outputtext value="title:"/> <h:outputtext value="#{filmcontroller.selected.title" title="title"/> <h:outputtext value="description"/> <h:outputtext value="#{filmcontroller.selected.description" title="description"/> <h:outputtext value="genre"/> <h:outputtext value="#{filmcontroller.category"/> <h:outputtext value="cast"/> <h:outputtext value="#{filmcontroller.actors"/> <h:outputtext value="film Length"/> <h:outputtext value="#{filmcontroller.selected.length min" title="film Length"/> <h:outputtext value="language"/> <h:outputtext value="#{filmcontroller.language" title="film Length"/> <h:outputtext value="release Year"/> <h:outputtext value="#{filmcontroller.selected.releaseyear" title="release Year"> <f:convertdatetime pattern="mm/dd/yyyy" /> </h:outputtext> <h:outputtext value="rental Duration"/> <h:outputtext value="#{filmcontroller.selected.rentalduration" title="rental DUration"/> <h:outputtext value="rental Rate"/> <h:outputtext value="#{filmcontroller.selected.rentalrate" title="rental Rate"/> <h:outputtext value="replacement Cost"/> <h:outputtext value="#{filmcontroller.selected.replacementcost" title="replacement Cost"/> <h:outputtext value="rating"/> <h:outputtext value="#{filmcontroller.selected.rating" title="rating"/> <h:outputtext value="special Features"/> <h:outputtext value="#{filmcontroller.selected.specialfeatures" title="special Features"/> <h:outputtext value="last Update"/> <h:outputtext value="#{filmcontroller.selected.lastupdate" title="last Update"> <f:convertdatetime pattern="mm/dd/yyyy HH:mm:ss" /> </h:outputtext> </h:panelgrid> <br/> <br/> <h:commandlink action="#{filmcontroller.preparelist" value="view All List"/> <br/> </h:form> </ui:define> </ui:composition> </html>

45 Se puede ver que browse.xhtml y index.xhtml utilizará la plantilla de la misma página. 8. Guarde los cambios. La ejecución del proyecto Los fundamentos de la solicitud se ha completado. Ahora puede ejecutar la aplicación para comprobar si todo funciona correctamente. 1. Haga clic en Ejecutar proyecto principal en la barra de herramientas principal o haga clic en el nodo de aplicación DVDStore en la ventana de Proyectos y seleccione Ejecutar.

46 El IDE guarda todos los archivos modificados, se basa la solicitud, e implementa la aplicación en el servidor. El IDE se abre una ventana del navegador a la URL que muestra la lista de las películas. 2. En el explorador, haga clic en "Ver" para cargar browse.xhtml para ver los detalles de la película.

47