Tutorial básico de aplicaciones Web con NetBeans parte 2

 La primera parte del tutorial puedes encontrarla aqui.
En esta parte mostrare brevemente el uso de las etiquetas JSF, que son generadas como etiquetas html.
Abrimos index.xhtml y escribimos <h:out y presionamos CTRL+BARRA ESPACIADORA si no se ha activado el autocompletar.  Nos muestra las diversas etiquetas, seleccionar <h:outputLabel>

y escribimos value="Mi aplicación JSF", quedaría de la siguiente manera.

<h:outputLabel value="Mi aplicación JSF"/>

Ejecutamos la aplicación

Agregamos  algunos componentes

 <h:form>

         <table>

             <tr>

                 <td>

                     <h:outputLabel value="Usuario"/>

                 </td>

                 <td>

                     <h:inputText value=""/>

                 </td>

             </tr>

<tr>

             <td>

                <h:outputLabel value="Password"/> 

             </td>

             <td>

                 <h:inputSecret value=""/>

             </td>

</tr>

         </table>

         <h:commandButton value="Entrar"/>

     </h:form>

Explicación corta:

<h:inputText value=""/> sera generado en el browser como

<input type="text" name="j_idt10:j_idt14" value="" />

<h:inputSecret value=""/>

<input type="password" name="j_idt10:j_idt18" value="" />

  <h:commandButton value="Entrar"/>

<input type="submit" name="j_idt10:j_idt20" value="Entrar" />

En el próximo blog crearemos una clase para interactuar con los elementos de nuestra pagina.