<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Java Server Faces (JSF) con NetBeans</title>
	<atom:link href="http://leofernadoc.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://leofernadoc.wordpress.com</link>
	<description>Java Server Faces (JSF) es un entorno de desarrollo de aplicaciones Web.</description>
	<lastBuildDate>Thu, 07 May 2009 06:10:47 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='leofernadoc.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://1.gravatar.com/blavatar/f73ba9dc2d1cc5e4e28cc12a1f882b4f?s=96&#038;d=http%3A%2F%2Fs2.wp.com%2Fi%2Fbuttonw-com.png</url>
		<title>Java Server Faces (JSF) con NetBeans</title>
		<link>http://leofernadoc.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://leofernadoc.wordpress.com/osd.xml" title="Java Server Faces (JSF) con NetBeans" />
	<atom:link rel='hub' href='http://leofernadoc.wordpress.com/?pushpress=hub'/>
		<item>
		<title>Desarrollo de una aplicación Visual Web JSF</title>
		<link>http://leofernadoc.wordpress.com/2009/05/07/desarrollo-de-una-aplicacion-visual-web-jsf/</link>
		<comments>http://leofernadoc.wordpress.com/2009/05/07/desarrollo-de-una-aplicacion-visual-web-jsf/#comments</comments>
		<pubDate>Thu, 07 May 2009 06:10:47 +0000</pubDate>
		<dc:creator>leofernadoc</dc:creator>
				<category><![CDATA[1]]></category>

		<guid isPermaLink="false">http://leofernadoc.wordpress.com/?p=36</guid>
		<description><![CDATA[Desarrollo de una aplicación Visual Web JSF En este tutorial, se utiliza el IDE NetBeans y JSF 1.2 (Woodstock) componentes para crear y ejecutar una simple aplicación web, web Hola. La aplicación de ejemplo le pide que introduzca un nombre y, a continuación, muestra un mensaje que usa ese nombre. En primer lugar, que la [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=leofernadoc.wordpress.com&amp;blog=7038481&amp;post=36&amp;subd=leofernadoc&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<h1><span>Desarrollo de una aplicación Visual Web JSF</span></h1>
<p><a name="skip2content"></a></p>
<p><!--  BEGIN VCD4 BYLINE AND TOOLS  --><span>En este tutorial, se utiliza el IDE NetBeans y <a href="https://woodstock.dev.java.net/index.html">JSF 1.2 (Woodstock)</a> componentes para crear y ejecutar una simple aplicación web, web Hola.</span><span> La aplicación de ejemplo le pide que introduzca un nombre y, a continuación, muestra un mensaje que usa ese nombre.</span> <span> En primer lugar, que la aplicación de esta página con un campo de entrada.</span> <span> Luego que se sustituya el campo de entrada con una lista desplegable de la cual el usuario puede elegir un nombre.</span> <span> La lista desplegable se rellena con nombres de una tabla de base de datos.</span></p>
<p class="align-center"><span><span class="google-src-text" style="direction:ltr;text-align:left;"><strong></strong></span><strong>Duración prevista: <em>25</em> minutos</strong></span></p>
<p><!-- BEGIN VCD5 ANCHOR LINKS COMPONENT  --><span><span class="google-src-text" style="direction:ltr;text-align:left;"><strong>Contents</strong></span> <strong>Sumario</strong></span></p>
<p><img class="stamp" title="Contenido en esta página aplica a NetBeans IDE 6.5" src="http://www.netbeans.org/images/articles/65/netbeans-stamp.gif" alt="Content on this page applies to NetBeans IDE 6.5" /></p>
<ul>
<li> <span><a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://www.netbeans.org/kb/docs/web/helloweb.html&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhiGXX1pKmbyC76L2IzLLhAW2AZ6Hg#01">Crear un proyecto</a></span></li>
<li> <span><a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://www.netbeans.org/kb/docs/web/helloweb.html&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhiGXX1pKmbyC76L2IzLLhAW2AZ6Hg#02">Diseño de la Página</a></span></li>
<li><span><a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://www.netbeans.org/kb/docs/web/helloweb.html&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhiGXX1pKmbyC76L2IzLLhAW2AZ6Hg#03">Añadiendo </a></span><a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://www.netbeans.org/kb/docs/web/helloweb.html&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhiGXX1pKmbyC76L2IzLLhAW2AZ6Hg#03"></a><a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://www.netbeans.org/kb/docs/web/helloweb.html&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhiGXX1pKmbyC76L2IzLLhAW2AZ6Hg#03">Algunos </a><span><a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://www.netbeans.org/kb/docs/web/helloweb.html&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhiGXX1pKmbyC76L2IzLLhAW2AZ6Hg#03">Comportamientos</a></span></li>
<li> <span><a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://www.netbeans.org/kb/docs/web/helloweb.html&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhiGXX1pKmbyC76L2IzLLhAW2AZ6Hg#04">Ejecutando la Aplicación</a></span></li>
<li> <span><a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://www.netbeans.org/kb/docs/web/helloweb.html&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhiGXX1pKmbyC76L2IzLLhAW2AZ6Hg#05">Sustitución del campo de texto con una lista desplegable</a></span></li>
<li> <span><a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://www.netbeans.org/kb/docs/web/helloweb.html&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhiGXX1pKmbyC76L2IzLLhAW2AZ6Hg#06a">La creación de la base de datos</a></span></li>
<li> <span><span class="google-src-text" style="direction:ltr;text-align:left;"><a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://www.netbeans.org/kb/docs/web/helloweb.html&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhiGXX1pKmbyC76L2IzLLhAW2AZ6Hg#06b">Table</a></span> <a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://www.netbeans.org/kb/docs/web/helloweb.html&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhiGXX1pKmbyC76L2IzLLhAW2AZ6Hg#06b">Vinculante en la lista desplegable de la tabla de base de datos</a></span></li>
<li> <span><span class="google-src-text" style="direction:ltr;text-align:left;">A</span><a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://www.netbeans.org/kb/docs/web/helloweb.html&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhiGXX1pKmbyC76L2IzLLhAW2AZ6Hg#07">ñadiendo algunosComportamientos</a></span></li>
<li> <span><a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://www.netbeans.org/kb/docs/web/helloweb.html&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhiGXX1pKmbyC76L2IzLLhAW2AZ6Hg#08">Ejecutando la Aplicación</a></span></li>
<li> <span><a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://www.netbeans.org/kb/docs/web/helloweb.html&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhiGXX1pKmbyC76L2IzLLhAW2AZ6Hg#10">Cómo hacer más</a></span></li>
<li> <span><a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://www.netbeans.org/kb/docs/web/helloweb.html&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhiGXX1pKmbyC76L2IzLLhAW2AZ6Hg#11">Resumen</a></span></li>
</ul>
<p><span class="sp20"> </span></p>
<p><!-- END VCD5 ANCHOR LINKS COMPONENT  --><span><strong>Para seguir este tutorial, usted necesita el siguiente software y recursos.</strong></span></p>
<table border="0">
<tbody>
<tr>
<th class="tblheader" scope="col"> <span>Software o  recursos</span></th>
<th class="tblheader" scope="col"> <span>Versión requerida</span></th>
</tr>
<tr>
<td class="tbltd1"><span><span class="google-src-text" style="direction:ltr;text-align:left;"><a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://www.netbeans.org/downloads/index.html&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhijNMsI_xiQwzcEuN2ZlVvYkMNy0Q">NetBeans IDE</a></span> <a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://www.netbeans.org/downloads/index.html&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhijNMsI_xiQwzcEuN2ZlVvYkMNy0Q">NetBeans IDE</a></span></td>
<td class="tbltd1"><span>Versión 6.5 de Java</span></td>
</tr>
<tr>
<td class="tbltd1"><span><a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://java.sun.com/javase/downloads/index.jsp&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhhN-O7AFbUfNp-cX-gVI_lrMRvnhw">Java Development Kit (JDK)</a></span></td>
<td class="tbltd1"><span>Versión 6 o versión 5</span></td>
</tr>
<tr>
<td class="tbltd1"><span>JavaServer Faces Componentes /</span><br />
<span>Plataforma Java EE</span></td>
<td class="tbltd1"><span><span class="google-src-text" style="direction:ltr;text-align:left;"> o</span> 1.2 con Java EE 5 * o</span><br />
<span>1.1 con J2EE 1.4</span></td>
</tr>
<tr>
<td class="tbltd1"><span>GlassFish Application Server</span></td>
<td class="tbltd1"><span><span class="google-src-text" style="direction:ltr;text-align:left;">V2</span><br />
</span></td>
</tr>
<tr>
<td class="tbltd1"><span><span class="google-src-text" style="direction:ltr;text-align:left;">Travel Database</span> Base</span></td>
<td class="tbltd1"><span> Requerido</span></td>
</tr>
</tbody>
</table>
<p><span>Para aprovechar las ventajas de la IDE NetBeans capacidades Java EE 5, utilice un servidor de aplicación que es totalmente compatible con la especificación Java EE 5, como el <a href="https://glassfish.dev.java.net/public/downloadsindex.html">servidor de aplicaciones GlassFish V2 UR2.</a></span> <span> Si está usando un servidor diferente, consulte la <a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://www.netbeans.org/community/releases/65/relnotes.html&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhidlJcIJTK0qYWAX8N2w7cj8gFVpQ">Notas</a> y <a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://wiki.netbeans.org/wiki/view/NetBeansUserFAQ&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhimHQoeAR1xzyfoKsdXGLwEcJIe4A">preguntas más frecuentes</a> de los problemas conocidos y soluciones. Para obtener información detallada acerca de los servidores soportados y plataforma Java EE, consulte la <a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://www.netbeans.org/community/releases/65/relnotes.html&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhidlJcIJTK0qYWAX8N2w7cj8gFVpQ">Notas.</a></span></p>
<p class="tips"><span>También puede utilizar ICEfaces con este tutorial. </span><span>ICEfaces es un marco integrado de aplicación AJAX que permite a los desarrolladores de aplicaciones Java EE para crear y desplegar fácilmente delgada cliente aplicaciones de Internet ricas (RIA), en Java puro.</span> <span> Para aprovechar las ventajas de la funcionalidad ICEfaces, descargar el plugin ICEfaces Proyecto de Integración en el Centro de actualizaciones NetBeans (Herramientas&gt; Extensiones), y consultar el <a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://www.netbeans.org/kb/docs/web/icefaces-migration-1.html&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhgNIg7tnLnNYGzucRRZq5BHg_ctBg">Woodstock de ICEfaces Porting Guía</a> para obtener información sobre las solicitudes de portabilidad de Woodstock ICEfaces.</span></p>
<p><!-- END RESOURCE MATRIX --><!-- ======================================================================================== --><!-- ======================================================================================== --><a name="01"></a></p>
<h2><span><span class="google-src-text" style="direction:ltr;text-align:left;">Creating a Project</span> Crear un proyecto</span></h2>
<ol>
<li> <span>Desde el menú principal, seleccione Archivo&gt; Nuevo proyecto.</span></li>
<li> <span>Nuevo proyecto en el asistente, seleccione Java Web de la lista de categorías y seleccione la aplicación Web de Proyectos lista. Haga clic en Siguiente.</span></li>
<li> <span>Nombre del proyecto <code>HelloWeb</code></span></li>
<li> <span>(Opcional) Seleccione la carpeta de uso dedicado para el almacenamiento de Bibliotecas casilla y especifique la ubicación de la carpeta de las bibliotecas.</span> <span>Véase el <a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://www.netbeans.org/kb/docs/java/project-setup.html&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhgvc813-6PoJVvLCiR8uXHcPaAC4Q#projects-shared-libraries">Proyecto de Bibliotecas Compartido</a> para obtener más información sobre esta opción.</span></li>
<li> <span>Haga clic en Siguiente.</span></li>
<li> <span>Seleccione el servidor al que desea implementar su aplicación.</span> <span> Sólo los servidores que están registrados con el IDE se enumeran.</span></li>
<li> <span>Seleccione la versión de Java EE que desea utilizar con su solicitud y haga clic en Siguiente.</span></li>
<li><span>Seleccione el Visual Web JavaServer Faces marco y haga clic en Finalizar</span><span>Su proyecto aparece con la página inicial <code>Page1</code> se abren en la aplicación de Visual Designer.</span></li>
</ol>
<p><a name="02"></a></p>
<h2><span>Diseño de la Página</span></h2>
<p><span>Para empezar, el diseño de una página como la que se muestra en la siguiente figura.</span></p>
<p><!-- BEGIN FIGURE COMPONENT --><img class="margin-around" src="http://www.netbeans.org/images/articles/65/web/helloweb/design1.png" alt="Página1 Diseño" width="476" height="339" /></p>
<p><!-- END FIGURE COMPONENT --></p>
<ol>
<li><span>En la ventana Propiedades de Página1, tipo <code>Hello Web</code> en el <code>Title</code> de propiedad del cuadro de texto como se muestra en la siguiente figura.</span><span>El <code>Title</code> de propiedad del valor aparece en la barra de título del navegador, cuando esta página (o proyecto) se despliega.</span>
<p><!-- BEGIN FIGURE COMPONENT --><img class="margin-around" src="http://www.netbeans.org/images/articles/65/web/helloweb/title-prop.png" alt="Propiedades de página en la ventana de Propiedades" width="300" height="333" /><!-- END FIGURE COMPONENT --><span><strong>Sugerencia:</strong> Puede acceder a las propiedades de un componente en la ventana Propiedades, seleccione el componente, ya sea en el diseño visual o la ventana del Navegador.</span> <span><span class="google-src-text" style="direction:ltr;text-align:left;">To open the Navigator window, select Window &gt; Navigating &gt; Navigator.</span> Para abrir la ventana del Navegador, seleccione Ventana&gt; Navegación&gt; Navegador.</span></p>
<p><span>Puede acceder a una página de propiedades haciendo clic en un punto blanco en la página.</span></li>
<li><span>En la ventana del Navegador, expanda el nodo Página 1 y haga clic derecho en el nodo y elija Página1 Añadir atributo obligatorio, como ssen en la siguiente imagen.</span><img class="margin-around" src="http://www.netbeans.org/images/articles/65/web/helloweb/add-bind-attribute.png" border="1" alt="Añadir un atributo obligatorio para Página1" /></li>
<li><span>Si el nodo de base de Woodstock en la ventana de la paleta no está expandido, expanda ahora.</span><span>Todos los componentes que usa en este ejemplo son básicos en el Woodstock de la paleta.</span>
<p><span>Si la paleta no está visible, elija Ventana&gt; Paleta para visualizarlo.</span></li>
<li><span>Arrastre un componente Etiqueta Woodstock básicos de la sección de la paleta a la izquierda de la página en el diseñador visual, escriba <code>Name:</code> y pulse Intro.</span><span>Tenga en cuenta que el componente de enganche a la red en la página.</span> <span> También tomamos nota de que el valor del <code>text</code> de propiedad en la ventana Propiedades de los cambios en <code>Name:</code></span>
<p class="tips"><span><strong>Sugerencia:</strong> Puede cambiar el componente a modo de edición al hacer clic derecho en el elemento y seleccionando Editar etiquetas de texto desde el menú emergente.</span></p>
</li>
<li> <span>Arrastre un campo de texto Woodstock componente básico de la sección de la paleta en el diseñador visual, el tipo <code>Enter Your Name</code> y pulse Enter.</span></li>
<li> <span>En la ventana Propiedades, cambie el <code>id</code> la propiedad del campo de texto de <code>textField1</code> a <code>nameField</code></span></li>
<li><span>Haga clic derecho en el campo de texto y selecciona <strong>Añadir</strong> componente <strong>vinculante del atributo.</strong></span><span>Al añadir un atributo obligatorio, el IDE crea métodos getter y setter para el componente.</span></li>
<li><span>Seleccione la etiqueta de componentes y en la ventana Propiedades, seleccione <code>nameField</code> como el <code>for</code> propiedad.</span><img class="margin-around" src="http://www.netbeans.org/images/articles/65/web/helloweb/for-property.png" alt="Para entrar en la propiedad" width="357" height="192" /></li>
<li><span> Arrastre un componente Botón a la derecha de la componente Campo de texto, escriba <code>Say Hello</code> y pulse Enter.</span>
<p class="notes"><span><strong>Nota:</strong> Hay un problema conocido que afecta a la anchura de la componente JSF 1.2 Botón en IE7.</span> <span> La solución es colocar el botón en un componente de diseño de componentes (Grupo Guía, Grupo de Grupo, o Panel de Diseño)</span><span><span class="google-src-text" style="direction:ltr;text-align:left;">.</span> Cambiar el tamaño de la estructura componente redimensiona automáticamente el componente de botón.</span></p>
</li>
<li><span>Haga doble clic en el botón <strong>Añadir</strong> y elija los componentes <strong>del atributo obligatorio.</strong></span></li>
<li> <span>En la ventana Propiedades, cambie el botón del componente <code>id</code> de propiedad de <code>button1</code> a <code>helloButton</code></span></li>
<li> <span>Arrastre un componente de texto a un lugar por debajo de la Etiqueta del componente.</span></li>
<li> <span>Cambiar el texto estático del componente <code>id</code> de propiedad de <code>staticText1</code> a <code>helloText</code></span></li>
<li> <span>Haga clic derecho en el componente de texto y selecciona <strong>Añadir atributo obligatorio.</strong></span></li>
<li><span>Arrastre un componente Grupo de mensaje a un cabo de la manera in situ en la página, como en el marco del componente de texto.</span><span>Adición de un componente Grupo de mensaje, que muestra los errores en tiempo de ejecución, entre otros tipos de mensajes, es útil para diagnosticar errores de programación.</span></li>
<li><span>En la barra de herramientas de edición, haga clic en JSP para cambiar a la JavaServer Pages (JSP) Fuente: Editor.</span><span>Buscar en el código y observar cómo los cambios que realizó en la ventana Propiedades se guardan.</span><span> Cuando una página es la primera muestra en el navegador, la página aparece exactamente como se indica en las etiquetas en la página JSP.</span><span> Si su página ha frijol código que cambia el valor de la propiedad, tales cambios sólo aparecen en las solicitudes que se presenta en la página y, posteriormente, vuelve. </span></li>
</ol>
<p><a name="03"></a></p>
<h2><span> Añadiendo Algunos Comportamientos</span></h2>
<p><span>En esta sección, añadir código para hacer que vuelva la página con el mensaje <code>Hello <em>entered-name</em></code></span> <span> Usted puede hacer esto mediante la adición de un controlador de eventos que cada vez que pide la aplicación se hace clic en el botón.</span> <span>Este evento establece el texto estático del componente <code>text</code> de propiedad a un &#8220;hola&#8221; mensaje y, a continuación, hace que la página que se vuelve para que el texto aparece.</span></p>
<ol>
<li> <span>En la barra de herramientas de edición, haga clic en Diseño para cambiar a la de Visual Designer.</span></li>
<li><span>Haga doble clic en el botón de componente.</span><span><span class="google-src-text" style="direction:ltr;text-align:left;">The Editing Area switches to the Java Editor and shows the page bean for Page1. The button&#8217;s event handler, <code>helloButton_action</code> , has been added to the page bean.</span> El área de edición cambia a la de Java y muestra el Editor de la página de frijol para Página1. El botón del evento, <code>helloButton_action</code> se ha añadido a la página de frijol.</span></li>
<li><span><span class="google-src-text" style="direction:ltr;text-align:left;">Replace the body of the <code>helloButton_action</code> method with the following lines of code (shown in <strong>bold</strong> ).</span> Reemplace el cuerpo de la <code>helloButton_action</code> método con las siguientes líneas de código (que se muestra en <strong>negrita).</strong></span> <span><span class="google-src-text" style="direction:ltr;text-align:left;">Then press Alt-Shift-F to reformat the code.</span> A continuación, pulse Alt + Mayúsculas + F para reformatear el código.</span><br />
<table class="examplecode" border="1" cellspacing="0" cellpadding="2">
<tbody>
<tr class="bg-white">
<td><span><span class="google-src-text" style="direction:ltr;text-align:left;"><strong>Code Example 1: helloButton_action() Code</strong></span> <strong>Ejemplo de Código 1: helloButton_action () Código</strong></span></td>
</tr>
<tr>
<td>
<pre> <span><span class="google-src-text" style="direction:ltr;text-align:left;">    public String helloButton_action() {</span> HelloButton_action public String () (</span>
         <span><span class="google-src-text" style="direction:ltr;text-align:left;"><span style="font-weight:bold;">String name = (String)nameField.getText();</span></span> <span style="font-weight:bold;">String name = (String) nameField.getText ();</span></span> <span style="font-weight:bold;">
        </span> <span><span class="google-src-text" style="direction:ltr;text-align:left;"><span style="font-weight:bold;">helloText.setText("Hello, " + name + "!");</span></span> <span style="font-weight:bold;">helloText.setText ( "Hola," + nombre + "!");</span></span>
         <span><span class="google-src-text" style="direction:ltr;text-align:left;">return null;</span> return null;</span>
                         <span><span class="google-src-text" style="direction:ltr;text-align:left;">}</span> )</span></pre>
</td>
</tr>
</tbody>
</table>
<p><span><span class="google-src-text" style="direction:ltr;text-align:left;">The first line in <strong>bold</strong> gets the value of the <code>text</code> property for the <code>nameField</code> Text Field component using the <code>getText</code> method.</span> La primera línea en <strong>negrita</strong> obtiene el valor del <code>text</code> para la propiedad <code>nameField</code> componente Campo de texto utilizando el <code>getText</code> método.</span> <span><span class="google-src-text" style="direction:ltr;text-align:left;">That value is an object of type <code>Object</code> , which needs to be a string, so it is cast to a <code>String</code> object.</span> Ese valor es un objeto de tipo <code>Object</code> que debe ser una cadena, por lo que se lanza a una <code>String</code> objeto.</span> <span><span class="google-src-text" style="direction:ltr;text-align:left;">Then the object is assigned to the <code>name</code> variable.</span> A continuación, el objeto es asignado a la <code>name</code> variable.</span></p>
<p><span><span class="google-src-text" style="direction:ltr;text-align:left;">The second line in <strong>bold</strong> sets the value of the <code>text</code> property for the <code>helloText</code> Static Text component.</span> La segunda línea en <strong>negrita</strong> establece el valor del <code>text</code> para la propiedad <code>helloText</code> componente de texto.</span> <span><span class="google-src-text" style="direction:ltr;text-align:left;">This value contains the name that the user entered into the <code>nameField</code> Text Field component. For example, if the user enters <code>Fred</code> , this line of code sets the Static Text component&#8217;s <code>text</code> property to <code>Hello, Fred!</code></span> Este valor contiene el nombre que el usuario entró en el <code>nameField</code> componente Campo de texto. Por ejemplo, si el usuario introduce <code>Fred</code> esta línea de código establece el texto estático del componente <code>text</code> a la propiedad <code>Hello, Fred!</code></span></li>
</ol>
<p><a name="04"></a></p>
<h2><span><span class="google-src-text" style="direction:ltr;text-align:left;">Running the Application</span> Ejecutando la Aplicación</span></h2>
<ol>
<li><span><span class="google-src-text" style="direction:ltr;text-align:left;">In the Java Editor, ensure that your Java code does not contain any errors.</span> En el Editor de Java, asegúrese de que el código Java no contiene ningún error.</span><span><span class="google-src-text" style="direction:ltr;text-align:left;">Errors are indicated by red underlines or red boxes along the left side of the code. Your project will not build if there are errors in the code.</span> Los errores se indican con color rojo o rojo destaca cajas a lo largo de la parte izquierda del código. Su proyecto de construir si no hay errores en el código.</span>
<p class="tips"><span><span class="google-src-text" style="direction:ltr;text-align:left;"><strong>Tip:</strong> Hold the cursor over the red box on the left side of the code to see a description of the error.</span> <strong>Sugerencia:</strong> Mantenga el cursor sobre el cuadro rojo en la parte izquierda del código para ver una descripción del error.</span></p>
</li>
<li><span><span class="google-src-text" style="direction:ltr;text-align:left;">Click the Run Main Project button</span> Haga clic en el botón Ejecutar proyecto principal</span> <img src="http://www.netbeans.org/images/articles/65/web/runprojectbtn.png" alt="Icono de la barra de herramientas Ejecutar proyecto" width="11" height="19" align="absmiddle" /> <span><span class="google-src-text" style="direction:ltr;text-align:left;">.</span> .</span>
<p class="notes"><span><span class="google-src-text" style="direction:ltr;text-align:left;"><strong>Note:</strong> By default, the project has been created with the Compile on Save feature enabled, so you do not need to compile your code first in order to run the application in the IDE.</span> <strong>Nota:</strong> Por defecto, el proyecto ha sido creado con la compilación en Guardar función habilitada, lo que no es necesario para compilar el código en primer lugar para ejecutar la aplicación en el IDE.</span> <span><span class="google-src-text" style="direction:ltr;text-align:left;">For more information on the Compile on Save feature, see the Compile on Save section of the <a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://www.netbeans.org/kb/docs/java/project-setup.html&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhgvc813-6PoJVvLCiR8uXHcPaAC4Q#building-compile-on-save">Creating, Importing, and Configuring Java Projects</a> guide.</span> Para más información sobre la característica de compilación en Guardar, consulte la sección Guardar en Compilar de la <a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://www.netbeans.org/kb/docs/java/project-setup.html&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhgvc813-6PoJVvLCiR8uXHcPaAC4Q#building-compile-on-save">creación, importación, y configurar Java Proyectos</a> guía.</span></p>
</li>
<li><span><span class="google-src-text" style="direction:ltr;text-align:left;">Enter your name in the text field and click Say Hello.</span> Escriba su nombre en el campo de texto y haga clic en Di Hola.</span><span><span class="google-src-text" style="direction:ltr;text-align:left;">&#8220;Hello <em>your name</em> &#8221; is then displayed below.</span> &#8220;Hola, <em>tu nombre&#8221;</em> se despliega a continuación.</span>
<p><span><span class="google-src-text" style="direction:ltr;text-align:left;">The browser submits the form to the web server, which calls your web application. The application executes the button action method, updates the page elements, rerenders the same page with the changed data, and sends the page back to the web browser. The following figure is the result if the name submitted is <code>Gus Townsend</code> .</span> El navegador presenta el formulario para el servidor web, lo que exige su aplicación Web. La aplicación se ejecuta en el botón de acción método, se actualiza la página de elementos, rerenders la misma página con los datos cambiados, y la envía de vuelta a la página del navegador web. El siguiente cifra es el resultado si el nombre es presentado <code>Gus Townsend</code></span></p>
<p><!-- BEGIN FIGURE COMPONENT --><img class="margin-around" src="http://www.netbeans.org/images/articles/65/web/helloweb/webapp1.png" alt="Hola web, con los resultados de" width="482" height="364" /><!-- END FIGURE COMPONENT --></li>
</ol>
<p><a name="05"></a></p>
<h2><span><span class="google-src-text" style="direction:ltr;text-align:left;">Replacing the Text Field With a Drop Down List</span> Sustitución del campo de texto con una lista desplegable</span></h2>
<p><span><span class="google-src-text" style="direction:ltr;text-align:left;">The remainder of this tutorial shows how to use a Drop Down List component instead of a Text Field to get user input, as shown in the following figure.</span> El resto de este tutorial muestra cómo utilizar un componente de lista desplegable en lugar de un campo de texto para obtener entrada del usuario, como se muestra en la siguiente figura.</span> <span><span class="google-src-text" style="direction:ltr;text-align:left;">This Drop Down List component gets its list of choices from the bundled <code>PERSON</code> database table.</span> Esta lista desplegable componente obtiene su lista de opciones del paquete <code>PERSON</code> tabla de base de datos.</span></p>
<p><!-- BEGIN FIGURE COMPONENT --><img class="margin-around" src="http://www.netbeans.org/images/articles/65/web/helloweb/finalwebapp.png" alt="Hola Web, versión final" width="416" height="204" /></p>
<ol>
<li> <span><span class="google-src-text" style="direction:ltr;text-align:left;">In the Editing toolbar, click Design to switch to the Visual Designer.</span> En la barra de herramientas de edición, haga clic en Diseño para cambiar a la de Visual Designer.</span></li>
<li> <span><span class="google-src-text" style="direction:ltr;text-align:left;">In the Visual Designer, right-click the <code>nameField</code> Text Field component and choose Delete from the pop-up menu.</span> En el Diseñador visual, haga clic con el botón <code>nameField</code> componente Campo de texto y elija Eliminar en el menú emergente.</span></li>
<li><span><span class="google-src-text" style="direction:ltr;text-align:left;">Drag a Drop Down List component from the Woodstock Basic section of the Palette onto your page in the Visual Designer.</span> Arrastre una lista desplegable de la Woodstock componente básico de la paleta en su página en el diseñador visual.</span> <span><span class="google-src-text" style="direction:ltr;text-align:left;">Move the component into the area where the Text Field component was.</span> Mover el componente en el área donde el campo de texto componente.</span><span><span class="google-src-text" style="direction:ltr;text-align:left;">Notice, as shown in the following figure, that the Navigator window shows a dropDown1 component and a dropDown1DefaultOptions object. The Drop Down List component&#8217;s <code>items</code> property identifies the object that contains the choices in the list. When you add a Drop Down List component to the page, the IDE creates a Default Options object ( <code>dropDown1DefaultOptions</code> ) and sets this object as the value of the Drop Down List component&#8217;s <code>items</code> property.</span> Aviso, como se muestra en la siguiente figura, que muestra la ventana del Navegador dropDown1 un componente y una dropDown1DefaultOptions objeto. La lista desplegable del componente <code>items</code> de propiedad identifica el objeto que contiene las opciones de la lista. Cuando se agrega una lista desplegable a la componente página, el IDE crea un objeto predeterminado Opciones <code>dropDown1DefaultOptions</code> y conjuntos de este objeto como el valor de la lista desplegable del componente <code>items</code> de propiedad.</span> <span><span class="google-src-text" style="direction:ltr;text-align:left;">Only the Drop Down List component is visible in the Visual Designer.</span> Sólo en la lista desplegable componente es visible en el Diseñador visual.</span> <span><span class="google-src-text" style="direction:ltr;text-align:left;">The Default Options object merely supplies the choices that appear in the list.</span> Las opciones por defecto se limita a los suministros objeto de las opciones que aparecen en la lista.</span> <span><span class="google-src-text" style="direction:ltr;text-align:left;">Later in this tutorial, you modify the Drop Down List component to obtain its choices from a different source.</span> Más adelante en este tutorial, modificará la lista de componentes para obtener su elección de una fuente diferente.</span>
<p><!-- BEGIN FIGURE COMPONENT --><img class="margin-around" src="http://www.netbeans.org/images/articles/65/web/helloweb/app-outline-navigator.png" alt="Componentes en la ventana del Navegador" width="301" height="351" /><!-- END FIGURE COMPONENT --></li>
<li> <span><span class="google-src-text" style="direction:ltr;text-align:left;">In the Properties window, change the component&#8217;s <code>id</code> to <code>nameDropDown</code> .</span> En la ventana Propiedades, cambie el componente de la <code>id</code> a <code>nameDropDown</code></span></li>
<li> <span><span class="google-src-text" style="direction:ltr;text-align:left;">Right-click the Drop Down List component and choose <strong>Add Binding Attribute</strong> .</span> Haga clic derecho en la lista desplegable y seleccione <strong>Agregar</strong> componente <strong>vinculante del atributo.</strong></span></li>
<li><span><span class="google-src-text" style="direction:ltr;text-align:left;">Select the Label component and  in the Properties window, select <code>nameDropDown</code> as the <code>for</code> property.</span> Seleccione la etiqueta de componentes y en la ventana Propiedades, seleccione <code>nameDropDown</code> como el <code>for</code> propiedad.</span></li>
</ol>
<p><a name="06a"></a></p>
<h2><span><span class="google-src-text" style="direction:ltr;text-align:left;">Setting up the Database</span> La creación de la base de datos</span></h2>
<p><span><span class="google-src-text" style="direction:ltr;text-align:left;">In this section, you set up the travel database and MySQL database server in the IDE.</span> En esta sección, usted creó la base de datos de viaje y servidor de base de datos de MySQL en el IDE.</span></p>
<ol>
<li> <span><span class="google-src-text" style="direction:ltr;text-align:left;">Make sure that the MySQL database server is installed and running on your machine.</span> Asegúrese de que el servidor de base de datos de MySQL está instalado y funcionando en su máquina.</span> <span><span class="google-src-text" style="direction:ltr;text-align:left;">For more information about connecting to a MySQL database, see <a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://www.netbeans.org/kb/docs/ide/mysql.html&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhiwF1ON8hkLNd1wOTYASLrdIG3aJg">Connecting to a MySQL Database</a></span> Para obtener más información acerca de la conexión a una base de datos MySQL, consulte <a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://www.netbeans.org/kb/docs/ide/mysql.html&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhiwF1ON8hkLNd1wOTYASLrdIG3aJg">Conexión a una base de datos de MySQL</a></span></li>
<li><span><span class="google-src-text" style="direction:ltr;text-align:left;">In the Services window, right-click the MySQL Server node and choose Create Database.</span> En la ventana Servicios, haga clic derecho en el nodo servidor MySQL y seleccione Crear base de datos.</span><span><span class="google-src-text" style="direction:ltr;text-align:left;">The Create New Database dialog box opens.</span> Crear la nueva base de datos abre el cuadro de diálogo.</span>
<p><img class="margin-around" src="http://www.netbeans.org/images/articles/65/web/helloweb/create-mysql-db.png" border="1" alt="Crear base de datos MySQL con el cuadro de diálogo" width="351" height="138" /></li>
<li><span><span class="google-src-text" style="direction:ltr;text-align:left;">From the drop down list, select <tt>Sample database: travel</tt> and click OK.</span> De la lista desplegable, seleccione <tt>la base de datos de muestra: los viajes</tt> y haga clic en Aceptar.</span><span><span class="google-src-text" style="direction:ltr;text-align:left;">In the Services window, the Travel database appears under the MySQL Server node.</span> En la ventana Servicios, el viaje aparece en la base de datos del servidor MySQL nodo.</span>
<p><img class="margin-around" src="http://www.netbeans.org/images/articles/65/web/helloweb/mysql-travel.png" alt="VIR base de datos en la ventana Servicios" width="372" height="186" /></li>
</ol>
<p><a name="06b"></a></p>
<h2><span><span class="google-src-text" style="direction:ltr;text-align:left;">Binding the Drop Down List to the Database Table</span> Vinculante en la lista desplegable de la tabla de base de datos</span></h2>
<p><span><span class="google-src-text" style="direction:ltr;text-align:left;">The Services window, which appears on the left side of the IDE workspace, includes a Databases node.</span> La ventana Servicios, que aparece en la parte izquierda de la IDE de trabajo, bases de datos incluye un nodo.</span> <span><span class="google-src-text" style="direction:ltr;text-align:left;">The Databases node shows all the database drivers and connections that have been added to the IDE.</span> Bases de datos muestra el nodo de la base de datos todos los controladores y las conexiones que se han añadido al IDE.</span></p>
<p><span><span class="google-src-text" style="direction:ltr;text-align:left;">The NetBeans IDE comes with a sample Travel database.</span> El IDE NetBeans viene con una base de datos de muestra de viajes.</span> <span><span class="google-src-text" style="direction:ltr;text-align:left;">The Travel database appears under the Databases node.</span> La base de datos de viajes aparece bajo el nodo Bases de datos.</span> <span><span class="google-src-text" style="direction:ltr;text-align:left;">In this section of the tutorial, you use the <code>person</code> table from the Travel database to supply the choices for the Drop Down List component.</span> En esta sección del tutorial, se utiliza la <code>person</code> de la mesa de viaje para abastecer a la base de datos de opciones para la lista de componentes.</span></p>
<ol>
<li><span><span class="google-src-text" style="direction:ltr;text-align:left;">In the Services window, expand the Databases node and check if the Travel database is connected.</span> En la ventana Servicios, expanda el nodo Bases de datos y comprobar si la base de datos de viajes está conectado.</span><span><span class="google-src-text" style="direction:ltr;text-align:left;">If the jdbc node for the travel database&#8217;s badge is broken and you cannot expand the node, the IDE is not connected to the database.</span> Si el nodo jdbc para la base de datos de la tarjeta de viaje se encuentra dañado y no se puede expandir el nodo, el IDE no está conectado a la base de datos.</span> <span><span class="google-src-text" style="direction:ltr;text-align:left;">To connect to the TRAVEL database, right-click the jdbc node for the travel database connection and choose Connect from the pop-up menu.</span> Para conectarse a la base de datos VIAJES, haga clic derecho en el nodo jdbc para la conexión de base de datos de viaje y elija Conectar en el menú emergente.</span></li>
<li><span><span class="google-src-text" style="direction:ltr;text-align:left;">Expand the travel database&#8217;s Tables node.</span> Ampliar la base de datos de viajes del nodo Tablas.</span><span><span class="google-src-text" style="direction:ltr;text-align:left;">Under Tables, you see nodes for each table in the database, such as <code>carrental</code> and <code>flight</code> .</span> En virtud de los cuadros, puede ver los nodos de cada cuadro en la base de datos, tales como <code>carrental</code> y <code>flight</code></span> <span><span class="google-src-text" style="direction:ltr;text-align:left;">The following figure shows the Runtime window with the Tables node expanded.</span> La siguiente figura muestra la ventana de tiempo de ejecución de los cuadros con el nodo ampliado.</span>
<p><!-- BEGIN FIGURE COMPONENT --><img class="margin-around" src="http://www.netbeans.org/images/articles/65/web/helloweb/services.png" alt="Servicios de la ventana" width="330" height="381" /><!-- END FIGURE COMPONENT --></li>
<li><span><span class="google-src-text" style="direction:ltr;text-align:left;">Drag <code>person</code> from the Services window and drop it on the Drop Down List.</span> Arrastre <code>person</code> de la ventana Servicios y suéltelo en la lista desplegable.</span><span><span class="google-src-text" style="direction:ltr;text-align:left;">The display on the list changes from <code>item 1</code> to <code>abc</code> , indicating that the list is displaying bound data and that the data being displayed is of the type <code>String</code> .</span> La pantalla en la lista de cambios <code>item 1</code> a <code>abc</code> lo que indica que la lista se muestra la envolvente de datos y que los datos que se muestra es del tipo <code>String</code></span>
<p><span><span class="google-src-text" style="direction:ltr;text-align:left;">The IDE adds a nonvisual personDataProvider component for the database table. The personDataProvider component appears in the Navigator window.</span> El IDE nonvisual personDataProvider añade un componente de la tabla de base de datos. PersonDataProvider El componente aparece en la ventana del Navegador.</span> <span><span class="google-src-text" style="direction:ltr;text-align:left;">The IDE also adds a <code>personRowSet</code> property to SessionBean1.</span> El IDE también añade un <code>personRowSet</code> propiedad a SessionBean1.</span></li>
<li><span><span class="google-src-text" style="direction:ltr;text-align:left;">Right-click the Drop Down List and choose Bind to Data from the pop-up menu.</span> Haga clic derecho en la lista desplegable y seleccione Enlazar a los datos del menú emergente.</span> <span><span class="google-src-text" style="direction:ltr;text-align:left;">The Bind to Data dialog box appears, as shown in the following figure.</span> Enlazar a los datos aparece el cuadro de diálogo, como se muestra en la siguiente figura.</span><!-- BEGIN FIGURE COMPONENT --><img class="margin-around" src="http://www.netbeans.org/images/articles/65/web/helloweb/bind-dialog.png" alt="Vinculante de datos a la lista desplegable" width="512" height="463" /><!-- END FIGURE COMPONENT --><br />
<span><span class="google-src-text" style="direction:ltr;text-align:left;">When you bind data to a Drop Down List component, you must specify what to display in the list (the Display Field) and you must specify what values to use in the underlying program (the Value Field).</span> Cuando los datos se unen a una lista de componentes, debe especificar que desea mostrar en la lista (de la pantalla de campo) y debe especificar qué valores de uso en el programa subyacente (el Valor de Campo).</span> <span><span class="google-src-text" style="direction:ltr;text-align:left;">Typically, you want to display some meaningful value from the database table, such as a person&#8217;s name, but you want to use a unique identifier in the underlying program, such as the person&#8217;s ID.</span> Normalmente, desea mostrar algunos significativo valor de la tabla de base de datos, tales como el nombre de una persona, pero usted quiere utilizar un identificador único en los programa, como el ID de la persona.</span> <span><span class="google-src-text" style="direction:ltr;text-align:left;">With this application, however, you want to bind both the Value field and the Display field to the same database column, the <tt>person.name</tt> column, as described in the next two steps.</span> Con esta aplicación, sin embargo, que quiere obligar tanto el campo Valor de la pantalla y sobre el terreno a la misma base de datos de la columna, la columna <tt>person.name,</tt> tal como se describe en los próximos dos pasos.</span></li>
<li> <span><span class="google-src-text" style="direction:ltr;text-align:left;">Set the Value field in the dialog box to <code>person.name</code> , leave the Display field set to <code>person.name</code> , and click OK.</span> Establezca el campo Valor en el cuadro de diálogo para <code>person.name</code> deje el campo Mostrar ajustado a <code>person.name</code> y haga clic en Aceptar.</span></li>
</ol>
<h2><a name="07"></a> <span><span class="google-src-text" style="direction:ltr;text-align:left;">Adding Some Behavior</span> Algunos añadiendo Comportamiento</span></h2>
<ol>
<li><span><span class="google-src-text" style="direction:ltr;text-align:left;">In the Visual Designer, double-click the Button component.</span> En el Diseñador visual, haga doble clic en el botón de componente.</span><span><span class="google-src-text" style="direction:ltr;text-align:left;">The Editing Area switches to the Java Editor and moves to the <code>helloButton_action</code> method.</span> El área de edición cambia a la de Java Editor y se mueve a la <code>helloButton_action</code> método.</span></li>
<li><span><span class="google-src-text" style="direction:ltr;text-align:left;">Replace the body of the <code>helloButton_action</code> method with the following code (shown in <strong>bold</strong> ).</span> Reemplace el cuerpo de la <code>helloButton_action</code> método con el siguiente código (que se muestra en <strong>negrita).</strong></span><!-- BEGIN CODE SAMPLE COMPONENT  --><br />
<table class="examplecode" border="1" cellspacing="0" cellpadding="2">
<tbody>
<tr class="bg-white">
<td><span><span class="google-src-text" style="direction:ltr;text-align:left;"><strong>Code Example 2: helloButton_action Replacement Code</strong></span> <strong>Código Ejemplo 2: Sustitución helloButton_action Código</strong></span></td>
</tr>
<tr>
<td>
<pre> <span><span class="google-src-text" style="direction:ltr;text-align:left;">    public String helloButton_action() {</span> HelloButton_action public String () (</span>
         <span><span class="google-src-text" style="direction:ltr;text-align:left;"><span style="font-weight:bold;">String name = (String)nameDropDown.getSelected();</span></span> <span style="font-weight:bold;">String name = (String) nameDropDown.getSelected ();</span></span> <span style="font-weight:bold;">
        </span> <span><span class="google-src-text" style="direction:ltr;text-align:left;"><span style="font-weight:bold;">String splitnames[] = name.split(",");</span></span> <span style="font-weight:bold;">Splitnames cadena [] = name.split (",");</span></span> <span style="font-weight:bold;">
        </span> <span><span class="google-src-text" style="direction:ltr;text-align:left;"><span style="font-weight:bold;">helloText.setText("Hello, " + splitnames[1] + "!");</span></span> <span style="font-weight:bold;">helloText.setText ( "Hola," + splitnames [1] + "!");</span></span>
         <span><span class="google-src-text" style="direction:ltr;text-align:left;">return null;</span> return null;</span>
                         <span><span class="google-src-text" style="direction:ltr;text-align:left;">}</span> )</span></pre>
</td>
</tr>
</tbody>
</table>
<p><!-- END CODE SAMPLE COMPONENT  --><br />
<span><span class="google-src-text" style="direction:ltr;text-align:left;">The first line uses the <code>getSelected</code> method to get the current value of the Drop Down List, which is the currently selected name in the list.</span> La primera línea utiliza la <code>getSelected</code> método para obtener el valor actual de la lista desplegable, que es el nombre seleccionado en la lista.</span></p>
<p><span><span class="google-src-text" style="direction:ltr;text-align:left;">Because data is stored in the database as <em>lastname</em> , <em>firstname</em> , the string must be modified before it is displayed.</span> Porque los datos se almacenan en la base de datos como <em>apellido, nombre,</em> la cadena debe ser modificado antes de ser mostrada.</span> <span><span class="google-src-text" style="direction:ltr;text-align:left;">Otherwise, the application will print &#8220;Hello, <em>lastname</em> , <em>firstname</em> !&#8221;</span> En caso contrario, la solicitud de impresión &#8220;Hola, <em>apellido, Nombre!&#8221;</em></span> <span><span class="google-src-text" style="direction:ltr;text-align:left;">The second line uses the <code>split</code> method to split the string into an array, using the comma as a delimiter.</span> La segunda línea utiliza la <code>split</code> método para dividir la cadena en un array, usando la coma como delimitador.</span> <span><span class="google-src-text" style="direction:ltr;text-align:left;">The first item in the array (at position 0) contains the last name, and position 1 contains the first name.</span> El primer tema de la serie (en la posición 0) contiene el último nombre, y la posición 1 contiene el primer nombre.</span></p>
<p><span><span class="google-src-text" style="direction:ltr;text-align:left;">In the third line, the <code>text</code> property for the Static Text component is set to a value that includes the first name.</span> En la tercera línea, el <code>text</code> de propiedad para el componente de texto tiene un valor que incluye el primer nombre.</span></p>
<p class="notes"><span><span class="google-src-text" style="direction:ltr;text-align:left;"><strong>Note:</strong> This method assumes that all values in this table are in the format <em>lastname, firstname</em> .</span> <strong>Nota:</strong> Este método asume que todos los valores en esta tabla están en el formato de <em>apellido, Nombre.</em></span> <span><span class="google-src-text" style="direction:ltr;text-align:left;">It does not robustly handle strings that do not follow this format.</span> No manejar con firmeza las cadenas que no siguen este formato.</span></p>
</li>
<li><span><span class="google-src-text" style="direction:ltr;text-align:left;">Add the following code to the <code>prerender</code> method.</span> Agregue el código siguiente a la <code>prerender</code> método.</span> <span><span class="google-src-text" style="direction:ltr;text-align:left;">This code sets the first item in the list as the default selection.</span> Este código establece el primer punto en la lista como la selección predeterminada.</span><!-- BEGIN CODE SAMPLE COMPONENT  --><br />
<table class="examplecode" border="1" cellspacing="0" cellpadding="2">
<tbody>
<tr class="bg-white">
<td><span><span class="google-src-text" style="direction:ltr;text-align:left;"><strong>Code Sample 3: prerender Method Code</strong></span> <strong>Ejemplo de código 3: Método prerender Código</strong></span></td>
</tr>
<tr>
<td>
<pre> <span><span class="google-src-text" style="direction:ltr;text-align:left;">    public void prerender() {</span> Public void prerender () (</span>
         <span><span class="google-src-text" style="direction:ltr;text-align:left;"><span style="font-weight:bold;">// If no selection, set default selection</span></span> <span style="font-weight:bold;">/ / Si no hay selección,</span> sistema <span style="font-weight:bold;">de selección por defecto</span></span> <span style="font-weight:bold;">
        </span> <span><span class="google-src-text" style="direction:ltr;text-align:left;"><span style="font-weight:bold;">if (nameDropDown.getSelected() == null) {</span></span> <span style="font-weight:bold;">if (nameDropDown.getSelected () == null) (</span></span> <span style="font-weight:bold;">
            </span> <span><span class="google-src-text" style="direction:ltr;text-align:left;"><span style="font-weight:bold;">personDataProvider.cursorFirst();</span></span> <span style="font-weight:bold;">personDataProvider.cursorFirst ();</span></span> <span style="font-weight:bold;">
            </span> <span><span class="google-src-text" style="direction:ltr;text-align:left;"><span style="font-weight:bold;">nameDropDown.setSelected</span></span> <span style="font-weight:bold;">nameDropDown.setSelected</span></span> <span style="font-weight:bold;">
                    </span> <span><span class="google-src-text" style="direction:ltr;text-align:left;"><span style="font-weight:bold;">((String)personDataProvider.getValue("person.name"));</span></span> <span style="font-weight:bold;">((String) personDataProvider.getValue ( "person.name"));</span></span> <span style="font-weight:bold;">
        </span> <span><span class="google-src-text" style="direction:ltr;text-align:left;"><span style="font-weight:bold;">}</span></span> <span style="font-weight:bold;">)</span></span>
     <span><span class="google-src-text" style="direction:ltr;text-align:left;">}</span> )</span></pre>
</td>
</tr>
</tbody>
</table>
<p><!-- END CODE SAMPLE COMPONENT  --></li>
</ol>
<p><a name="08"></a></p>
<h2><span><span class="google-src-text" style="direction:ltr;text-align:left;">Running the Application</span> Ejecutando la Aplicación</span></h2>
<ol>
<li><span><span class="google-src-text" style="direction:ltr;text-align:left;">Click the Run Main Project button.</span> Haga clic en el botón Ejecutar proyecto principal.</span>
<p class="notes"><span><span class="google-src-text" style="direction:ltr;text-align:left;"><strong>Note:</strong> By default, the project has been created with the Compile on Save feature enabled, so you do not need to compile your code first in order to run the application in the IDE.</span> <strong>Nota:</strong> Por defecto, el proyecto ha sido creado con la compilación en Guardar función habilitada, lo que no es necesario para compilar el código en primer lugar para ejecutar la aplicación en el IDE.</span> <span><span class="google-src-text" style="direction:ltr;text-align:left;">For more information on the Compile on Save feature, see the Compile on Save section of the <a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://www.netbeans.org/kb/docs/java/project-setup.html&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhgvc813-6PoJVvLCiR8uXHcPaAC4Q#building-compile-on-save">Creating, Importing, and Configuring Java Projects</a> guide.</span> Para más información sobre la característica de compilación en Guardar, consulte la sección Guardar en Compilar de la <a href="http://74.125.47.132/translate_c?hl=es&amp;sl=en&amp;u=http://www.netbeans.org/kb/docs/java/project-setup.html&amp;prev=/search%3Fq%3Djsf%2Bnetbeans%2B6.5%26hl%3Des%26sa%3DG&amp;usg=ALkJrhgvc813-6PoJVvLCiR8uXHcPaAC4Q#building-compile-on-save">creación, importación, y configurar Java Proyectos</a> guía.</span></p>
</li>
<li><span><span class="google-src-text" style="direction:ltr;text-align:left;">Select a name from the list and click Say Hello.</span> Seleccione un nombre de la lista y haga clic Di Hola.</span><span><span class="google-src-text" style="direction:ltr;text-align:left;">The browser sends the Drop Down List component&#8217;s selected value to the server, and the server executes the button&#8217;s <code>helloButton_action</code> method.</span> El navegador envía la lista desplegable, seleccione el valor del componente en el servidor, el servidor y ejecuta el botón de <code>helloButton_action</code> método.</span>
<p><img class="margin-around" src="http://www.netbeans.org/images/articles/65/web/helloweb/webapp2.png" alt="Desplegados aplicación" /></li>
</ol>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/leofernadoc.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/leofernadoc.wordpress.com/36/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/leofernadoc.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/leofernadoc.wordpress.com/36/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/leofernadoc.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/leofernadoc.wordpress.com/36/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/leofernadoc.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/leofernadoc.wordpress.com/36/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/leofernadoc.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/leofernadoc.wordpress.com/36/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/leofernadoc.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/leofernadoc.wordpress.com/36/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/leofernadoc.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/leofernadoc.wordpress.com/36/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=leofernadoc.wordpress.com&amp;blog=7038481&amp;post=36&amp;subd=leofernadoc&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://leofernadoc.wordpress.com/2009/05/07/desarrollo-de-una-aplicacion-visual-web-jsf/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/ea1afeaa4cf87c343fd86dca2c3211ed?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">leofernadoc</media:title>
		</media:content>

		<media:content url="http://www.netbeans.org/images/articles/65/netbeans-stamp.gif" medium="image">
			<media:title type="html">Contenido en esta página aplica a NetBeans IDE 6.5</media:title>
		</media:content>

		<media:content url="http://www.netbeans.org/images/articles/65/web/helloweb/design1.png" medium="image">
			<media:title type="html">Página1 Diseño</media:title>
		</media:content>

		<media:content url="http://www.netbeans.org/images/articles/65/web/helloweb/title-prop.png" medium="image">
			<media:title type="html">Propiedades de página en la ventana de Propiedades</media:title>
		</media:content>

		<media:content url="http://www.netbeans.org/images/articles/65/web/helloweb/add-bind-attribute.png" medium="image">
			<media:title type="html">Añadir un atributo obligatorio para Página1</media:title>
		</media:content>

		<media:content url="http://www.netbeans.org/images/articles/65/web/helloweb/for-property.png" medium="image">
			<media:title type="html">Para entrar en la propiedad</media:title>
		</media:content>

		<media:content url="http://www.netbeans.org/images/articles/65/web/runprojectbtn.png" medium="image">
			<media:title type="html">Icono de la barra de herramientas Ejecutar proyecto</media:title>
		</media:content>

		<media:content url="http://www.netbeans.org/images/articles/65/web/helloweb/webapp1.png" medium="image">
			<media:title type="html">Hola web, con los resultados de</media:title>
		</media:content>

		<media:content url="http://www.netbeans.org/images/articles/65/web/helloweb/finalwebapp.png" medium="image">
			<media:title type="html">Hola Web, versión final</media:title>
		</media:content>

		<media:content url="http://www.netbeans.org/images/articles/65/web/helloweb/app-outline-navigator.png" medium="image">
			<media:title type="html">Componentes en la ventana del Navegador</media:title>
		</media:content>

		<media:content url="http://www.netbeans.org/images/articles/65/web/helloweb/create-mysql-db.png" medium="image">
			<media:title type="html">Crear base de datos MySQL con el cuadro de diálogo</media:title>
		</media:content>

		<media:content url="http://www.netbeans.org/images/articles/65/web/helloweb/mysql-travel.png" medium="image">
			<media:title type="html">VIR base de datos en la ventana Servicios</media:title>
		</media:content>

		<media:content url="http://www.netbeans.org/images/articles/65/web/helloweb/services.png" medium="image">
			<media:title type="html">Servicios de la ventana</media:title>
		</media:content>

		<media:content url="http://www.netbeans.org/images/articles/65/web/helloweb/bind-dialog.png" medium="image">
			<media:title type="html">Vinculante de datos a la lista desplegable</media:title>
		</media:content>

		<media:content url="http://www.netbeans.org/images/articles/65/web/helloweb/webapp2.png" medium="image">
			<media:title type="html">Desplegados aplicación</media:title>
		</media:content>
	</item>
		<item>
		<title>Primer programa con JSF y NetBeans.</title>
		<link>http://leofernadoc.wordpress.com/2009/04/17/primer-programa-con-jsf-y-netbeans/</link>
		<comments>http://leofernadoc.wordpress.com/2009/04/17/primer-programa-con-jsf-y-netbeans/#comments</comments>
		<pubDate>Fri, 17 Apr 2009 05:44:05 +0000</pubDate>
		<dc:creator>leofernadoc</dc:creator>
				<category><![CDATA[CREANDO EL PROYECTO]]></category>

		<guid isPermaLink="false">http://leofernadoc.wordpress.com/?p=20</guid>
		<description><![CDATA[Creando el proyecto Abriremos NetBeans y pulsaremos el icono de New Project, o bien abriremos un nuevo proyecto mediante el menú principal, en File:New project Elegiremos como categoría Web y como subcategoría Web application La figura 1 muestra la situación. A continuación pulsamos el botón Next y nos encontraremos en la situación de la figura [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=leofernadoc.wordpress.com&amp;blog=7038481&amp;post=20&amp;subd=leofernadoc&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<h1 style="text-align:left;">Creando el proyecto</h1>
<p>Abriremos NetBeans y pulsaremos el icono de <em>New Project</em>, o bien abriremos un nuevo proyecto mediante el menú principal, en <em>File:New project</em></p>
<p>Elegiremos como categoría <em>Web</em> y como subcategoría <em>Web application</em> La figura <a href="http://www.infosoftw.com/JSFNetBeansTutorialxHTML/node2.html#fig:WEBAPPLICATION1">1</a> muestra la situación. A continuación pulsamos el botón <strong>Next</strong> y nos encontraremos en la situación de la figura <a href="http://www.infosoftw.com/JSFNetBeansTutorialxHTML/node2.html#fig:WEBAPPLICATION12">2</a>.</p>
<div><a name="fig:WEBAPPLICATION1"></a><a name="41"></a></p>
<table border="0">
<caption><strong>Figura 1:</strong> Creando un proyecto</caption>
<tbody>
<tr>
<td>
<div><img src="http://www.infosoftw.com/JSFNetBeansTutorialxHTML/proyect1.jpg" border="0" alt="Image proyect1" width="444" height="351" align="bottom" /></div>
</td>
</tr>
</tbody>
</table>
</div>
<p>Nótese que se nos indica el directorio en el que desamos crear el proyecto, así como el contenedor de páginas Web, que en este caso es <em>Tomcat</em>.</p>
<div><a name="fig:WEBAPPLICATION12"></a><a name="47"></a></p>
<table border="0">
<caption><strong>Figura 2:</strong> Creando un proyecto</caption>
<tbody>
<tr>
<td>
<div><img src="http://www.infosoftw.com/JSFNetBeansTutorialxHTML/proyect12.jpg" border="0" alt="Image proyect12" width="432" height="351" align="bottom" /></div>
</td>
</tr>
</tbody>
</table>
</div>
<div><a name="fig:WEBAPPLICATION13"></a><a name="52"></a></p>
<table border="0">
<caption><strong>Figura 3:</strong> elijiendo un framework</caption>
<tbody>
<tr>
<td>
<div><img src="http://www.infosoftw.com/JSFNetBeansTutorialxHTML/proyect13.jpg" border="0" alt="Image proyect13" width="426" height="345" align="bottom" /></div>
</td>
</tr>
</tbody>
</table>
</div>
<p>Pulsamos el botón <strong>Next</strong> y entre los entornos (frameworks), elegimos <strong>JavaServer Faces</strong>. Ver <a href="http://www.infosoftw.com/JSFNetBeansTutorialxHTML/node2.html#fig:WEBAPPLICATION13">3</a>. Una vez hecho esto pulsamos <strong>Finish</strong> con lo que NetBeans nos crea nuestro proyecto.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/leofernadoc.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/leofernadoc.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/leofernadoc.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/leofernadoc.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/leofernadoc.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/leofernadoc.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/leofernadoc.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/leofernadoc.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/leofernadoc.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/leofernadoc.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/leofernadoc.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/leofernadoc.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/leofernadoc.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/leofernadoc.wordpress.com/20/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=leofernadoc.wordpress.com&amp;blog=7038481&amp;post=20&amp;subd=leofernadoc&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://leofernadoc.wordpress.com/2009/04/17/primer-programa-con-jsf-y-netbeans/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/ea1afeaa4cf87c343fd86dca2c3211ed?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">leofernadoc</media:title>
		</media:content>

		<media:content url="http://www.infosoftw.com/JSFNetBeansTutorialxHTML/proyect1.jpg" medium="image">
			<media:title type="html">Image proyect1</media:title>
		</media:content>

		<media:content url="http://www.infosoftw.com/JSFNetBeansTutorialxHTML/proyect12.jpg" medium="image">
			<media:title type="html">Image proyect12</media:title>
		</media:content>

		<media:content url="http://www.infosoftw.com/JSFNetBeansTutorialxHTML/proyect13.jpg" medium="image">
			<media:title type="html">Image proyect13</media:title>
		</media:content>
	</item>
		<item>
		<title>Java Server Faces (JSF) con NetBeans</title>
		<link>http://leofernadoc.wordpress.com/2009/04/17/java-server-faces-jsf-con-netbeans/</link>
		<comments>http://leofernadoc.wordpress.com/2009/04/17/java-server-faces-jsf-con-netbeans/#comments</comments>
		<pubDate>Fri, 17 Apr 2009 04:54:17 +0000</pubDate>
		<dc:creator>leofernadoc</dc:creator>
				<category><![CDATA[BIENVENIDA]]></category>
		<category><![CDATA[Introduccion]]></category>

		<guid isPermaLink="false">http://leofernadoc.wordpress.com/?p=11</guid>
		<description><![CDATA[A continuación presento algunos de los puntos por los que JSF me parece una tecnología muy interesante. JSF trata la vista (el interfaz de usuario) de una forma algo diferente a lo que estamos acostumbrados en aplicaciones web. Sería más similar al estilo de Swing, Visual Basic o Delphi, donde la programación del interfaz se [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=leofernadoc.wordpress.com&amp;blog=7038481&amp;post=11&amp;subd=leofernadoc&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>A continuación presento algunos de los puntos por los que JSF me parece una tecnología muy interesante.</p>
<ul>
<li> JSF trata la vista (el interfaz de usuario) de una forma algo diferente a lo que estamos acostumbrados en aplicaciones web. Sería más similar al estilo de Swing, Visual Basic o Delphi, donde la programación del interfaz se hacer a través de componentes y basada en eventos (se pulsa un botón, cambia el valor de un campo, &#8230;).</li>
<li>JSF es muy flexible. Por ejemplo nos permite crear nuestros propios componentes, o crear nuestros propios “render” para pintar los componentes según nos convenga.</li>
<li> Es más sencillo.</li>
</ul>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/leofernadoc.wordpress.com/11/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/leofernadoc.wordpress.com/11/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/leofernadoc.wordpress.com/11/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/leofernadoc.wordpress.com/11/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/leofernadoc.wordpress.com/11/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/leofernadoc.wordpress.com/11/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/leofernadoc.wordpress.com/11/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/leofernadoc.wordpress.com/11/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/leofernadoc.wordpress.com/11/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/leofernadoc.wordpress.com/11/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/leofernadoc.wordpress.com/11/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/leofernadoc.wordpress.com/11/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/leofernadoc.wordpress.com/11/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/leofernadoc.wordpress.com/11/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=leofernadoc.wordpress.com&amp;blog=7038481&amp;post=11&amp;subd=leofernadoc&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://leofernadoc.wordpress.com/2009/04/17/java-server-faces-jsf-con-netbeans/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/ea1afeaa4cf87c343fd86dca2c3211ed?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">leofernadoc</media:title>
		</media:content>
	</item>
		<item>
		<title>JAVA SERVER FACES (JSF).</title>
		<link>http://leofernadoc.wordpress.com/2009/03/20/solo-java/</link>
		<comments>http://leofernadoc.wordpress.com/2009/03/20/solo-java/#comments</comments>
		<pubDate>Fri, 20 Mar 2009 18:47:47 +0000</pubDate>
		<dc:creator>leofernadoc</dc:creator>
				<category><![CDATA[BIENVENIDA]]></category>
		<category><![CDATA[CREANDO EL PROYECTO]]></category>
		<category><![CDATA[Introduccion]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Java , Java, Java y mas Java<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=leofernadoc.wordpress.com&amp;blog=7038481&amp;post=1&amp;subd=leofernadoc&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<h1><a name="SECTION00010000000000000000"> Introducción</a></h1>
<p>Java Server Faces (JSF) es un entorno de desarrollo de aplicaciones Web. Consta de una librería de etiquetas, junto con un conjunto de reglas para su utilización.</p>
<p>JSF ahorra tiempo al desarrollador aportando potentes recursos, especialmente para la gestión de formularios y la presentación de datos contenidos en bases de datos. JSF está construido sobre JSP, por lo que los conocimientos sobre JSP son de ayuda importante para manejar JSF.</p>
<p>El presente Blog tiene como objetivo introducir al lector en JSF, consiguiendo desarrollar habilidades sobre los aspectos más cotidianos de su utilización.</p>
<p>Como herramienta de desarrollo utilizaremos NetBeans. Se asume que el lector ya ha descargado e instalado correctamente NetBeans, así como un dominio básico del mismo.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/leofernadoc.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/leofernadoc.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/leofernadoc.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/leofernadoc.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/leofernadoc.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/leofernadoc.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/leofernadoc.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/leofernadoc.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/leofernadoc.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/leofernadoc.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/leofernadoc.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/leofernadoc.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/leofernadoc.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/leofernadoc.wordpress.com/1/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=leofernadoc.wordpress.com&amp;blog=7038481&amp;post=1&amp;subd=leofernadoc&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://leofernadoc.wordpress.com/2009/03/20/solo-java/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/ea1afeaa4cf87c343fd86dca2c3211ed?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">leofernadoc</media:title>
		</media:content>
	</item>
	</channel>
</rss>
