Martes, 15 Julio 2014 01:34

Icefaces en Netbeans 6.9

Escrito por 
Valora este artículo
(0 votos)

Regresamos a los post, en esta ocasión iniciaremos una serie de posts con el uso del framework ICEfaces, ICEfaces es un proyecto open source de ICESoft Tecnologies, este framework principalmente nos facilitara el desarrollo con ajax en aplicaciones RIA con  Java basadas en JSF. El framework está pensado de tal manera que se puedan realizar partes Ajax utilizando los tags de ICEFaces o partes no Ajax utilizando los tags JSF de siempre, de tal manera que se pueda utilizar Ajax sólo donde interese y sólo ahí sin condicionar que toda la página haya de ser Ajax. Algunas de las características de Icefaces la vemos a continuación:

  • El uso de Ajax es transparente para el programador.El programador en ningún momento inicializa un objeto XMLHttpRequest() de javascripts ni mucho menos, solo debe incluir los tags icefaces.
  • Compatibilidad 100% con los estándares Java y jsf.
  • Las aplicaciones desarrolladas en ICEfaces no necesitan plugins de navegador o applets para ser vistas.
  • Disponibles para Netbeans y Eclipse y demás..

Para mas información en podemos visitar la pagina oficial de Icefaces

Icefaces

A continuación incluiremos Icefaces en Netbeans 6.9 y crearemos nuestro primer ejemplo.
Como primer paso necesitamos  descargar el plugin para Netbeans 6.9, ingresamos a la pagina oficial

http://www.icefaces.org/main/home/

Necesitamos registrarnos en ella y luego descargamos el plugin para Netbeans 6.9 del correspondiente link, como lo  muestra la imagen.

Sección Downloads


Y luego en la sección Nebeans descargamos el archivo ICEfaces-2.0.1-Netbeans-6.9-modules.zip

Una vez descargado descomprimimos el archivo y obtendremos los siguientes archivos con extension *.nmb

  • org-icefaces-netbeans-modules-lib.nbm
  • org-icefaces-netbeans-modules-web-frameworks.nbm

Una vez descargado los archivos abrimos nuestro Netbeans 6.9  y en el menu Herrmientas->Complementos le damos click.

Se nos abre una ventana y en la pestaña Descargados, le damos click en el botón en Agregar Plugins.. y buscamos los archivos con extensión *.nbm anteriormente descargados.

Tildamos los 2 archivos y le damos click en instalar. Luego de aceptar términos de licencia y demás ya tendremos instalado Icefaces en nuestro Netbenas 6.9.
Una vez instalado Icefaces creamos un nuevo Proyecto en Netbeans

Elegimos el tipo de proyecto Web

Le damos un nombre, en mi caso ProyectoIeeFaces

Elegimos el servidor y versión de JDK..

Por ultimo elegimos el framework a utilizar, como es ya sabido utilizaremos Icefaces, lo tildamos (no hace falta tildar JSF),tambien  tildamos las opciones a utilizar de Icefaces, en este caso todas

Listo con esto ya tenemos creado nuestro proyecto Icefaces en Netbeans 6.9.
En mi caso se me creo el archivo por defecto welcomeICEfaces.xhtml, le modifico el mensaje de bienvenida y el archivo me quedo asi

  1. <?xml version='1.0' encoding='UTF-8' ?>
  2. <!--
  3.    Document   : welcomeICEfaces
  4.    Created on : 03/05/2011, 21:23:13
  5.    Author     : RAFAEL
  6. -->
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml"
  9.    xmlns:ui="http://java.sun.com/jsf/facelets"
  10.    xmlns:f="http://java.sun.com/jsf/core"
  11.    xmlns:h="http://java.sun.com/jsf/html"
  12.        xmlns:icecore="http://www.icefaces.org/icefaces/core"
  13.        xmlns:ace="http://www.icefaces.org/icefaces/components"
  14.        xmlns:ice="http://www.icesoft.com/icefaces/component"
  15.       >
  16.     <h:head>
  17.         <title>ICEfaces 2</title>
  18.         <link rel="stylesheet" type="text/css" href="./xmlhttp/css/rime/rime.css"/>
  19.     </h:head>
  20.     <h:body styleClass="ice-skin-rime">
  21.       <h:form id="form">
  22.          <h:outputText value="HOLA ICEFACES, COMPUJUY"/>
  23.       </h:form>
  24.     </h:body>
  25.     <h:outputStylesheet library="org.icefaces.component.skins" name="rime.css" />
  26. </html>

Lo ejecuto y el resultado es el siguiente

Bien de esta manera terminamos de configurar Icefaces en nuestro IDE, y de crear un simple proyecto, para los próximos post ya veremos ejemplos mas completos con el uso de este framework, unos de los ejmplos que haremos es de reemplazar nuestro DataTable JSF creado en nuestros posts anteriores por un DataTable ICEfaces. Hasta pronto..

Visto 1036 veces

Deja un comentario

Asegúrate de llenar la información requerida marcada con (*). No está permitido el código HTML. Tu dirección de correo NO será publicada.