Saturday, February 26, 2011

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.


5 comments:

Itubal said...

Solo una pequeña observacion (luego puedes borrar este comentario) El enlace a la primera parte no funciona.

Gracias

Itubal said...

Hola (perdona de nuevo) ¿No faltaría un "[tr] [/tr]" justo antes del [td] de password y despues de [/td] del campo del password.
(He cambiado los < y > por [ y ])
Gracias

avbravo said...

Gracias amigo, corregido el enlace.

Ixachi said...

hola una pregunta, y la navegacion entre paginas como puedo hacerla?, tambien me gustaria ver como insteracturas archivos .class!!! , estoy aprendiendo y me gusto mucho este blog, pues esta bien entendible, gracias

Ixachi said...

tienes un manual de jsf que me pueda ayudar, para ver como interactuar con archivos .class y tambien para hacer navegacion entre paginas?