Skip to main content

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.


Labels:

Comments

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

Gracias
1:00 AM
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
1:08 AM
avbravo said…
Gracias amigo, corregido el enlace.
5:30 AM
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
2:36 PM
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?
2:42 PM
Post a Comment

Popular posts from this blog

Un ejemplo sencillo de Refactorización y Genericos

Un ejemplo sencillo de Refactorización y Genericos

public class Refactorizador<K, V> {

    public V copyFromBeans(K k, V v) {
        try {
            Class claseK = k.getClass();
            Class claseV = v.getClass();

            Method[] metodosK = claseK.getMethods();

            for (Method method : metodosK) {
                if (isGetter(method)) {
                    Method metodoGetK = claseK.getDeclaredMethod(method.getName());
                    Method metodoSetV = claseV.getDeclaredMethod(changeGetBySet(method.getName()), method.getReturnType());
                    metodoSetV.invoke(v, metodoGetK.invoke(k));
                }

            }

        } catch (Exception e) {
            System.out.println("refactorizador() " + e.getLocalizedMessage());
        }
        return v;
    }

     public  boolean isGetter(Method method) {

        if (!method.getName().startsWith("get")) {
            return false;
        }
        if (method.getName().startsWith("getCla…
Post a Comment
Read more

Apache NetBeans

Apache NetBeans
https://wiki.apache.org/incubator/NetBeansProposal

Si, algo que se esperaba desde hace muchos años, una liberación de NetBeans, para convertirlo en un IDE más abierto, y que permita mayor contribución de la comunidad y de otras empresas, ya inicio su primera etapa en la incubadora de la Fundación Apache.
Las implicaciones que esto conlleva son múltiples por una parte esta la evolución de NetBeans, al permitir que más contribuyentes puedan aportar a sus mejoras, también garantiza que aquellas instituciones no sientan que es una sola organización la que controla la evolución. A las comunidades les permite sentirse que participan de un proyecto con todas las garantías que ofrece la Fundación Apache.

Muchos pensaran que Oracle esta dejando morir el proyecto, la realidad es diferente, hay muchos ingenieros que están participando del proyecto en la fundación Apache.
Es una noticia excelente para los desarrolladores, instituciones, empresas que utilizan NetBeans , se estima qu…
Post a Comment
Read more

JGMongo con JEE7 +(Primefaces+MongoDB+GlassFish)

Mostrare un ejemplo básico del uso de JGMongo, (Java Mapper Object para MongoDB), en un entorno JavaEE 7.

Desarrollaremos una simple aplicación maven Java Enterprise Edition, que utiliza la base de datos NoSQL MongoDB, NetBeans como IDE de Desarrollo, Java Server Faces como Framework en conjunto con PrimeFaces. Es un ejemplo muy básico donde se almacena los datos de los países en una colección llama paises La vista final sera la siguiente un formulario para captar los datos

Y una pagina donde se muestran los países almacenados en la base de datos.
Pasos previos: 1. Instalar MongoDB 2. Crear el proyecto Maven 3. Agregar la dependencia al archivo pom.xml   <repositories> <repository>    <id>jitpack.io</id>    <url>https://jitpack.io</url> </repository> </repositories>
    <dependency>    <groupId>com.github.avbravo</groupId>    <artifactId>jgmongo</artifactId>    <version>0.1</version> </dependency&…
Post a Comment
Read more