Skip to main content

Tutorial básico de aplicaciones Web con NetBeans parte 3

Ahora procederemos a crear nuestro Bean.
Nos ubicamos en Sources Packages

dar click derecho y seleccionar ->Nuevo ->Paquete Java



escribir avbravo.com


se crea el paquete avbravo.beans

Dentro de avbravo.beans dar click derecho, seleccionar Nuevo->Otro
en Categorías: Java Server Faces y en Tipo de Archivos: JSF Managed Bean

Indicamos el nombre: Login y el Scope: Sesion (para que el valor se conserve en toda la sesión del usuario)

Tenemos el bean creado




Código generado

import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;

/**
 *
 * @author avbravo
 */
@ManagedBean
@SessionScoped
public class Login {

    /** Creates a new instance of Login */
    public Login() {
    }

}

Agregamos dos atributos de tipo String

Dar clic derecho con el mouse y seleccionar Insertar Código o presionar la combinación de teclas ALT+ INS




Seleccionamos Getters y Setters

Seleccionamos todos los campos

El IDE genera los métodos set y get para cada campo
nuestra clase quedaría de la siguiente forma
package avbravo.beans;

import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;

/**
 *
 * @author avbravo
 */
@ManagedBean
@SessionScoped
public class Login {
String username;
String password;

    public String getPassword() {
        return password;
    }


    public void setPassword(String password) {
        this.password = password;
    }

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    /** Creates a new instance of Login */
    public Login() {
    }

}


Editar el archivo index.xhtml


Agregamps
En value="" agregamos #{ y se activa el asistente permitiéndonos seleccionar la clase


seleccionamos la clase login y escribimos . y se activa el asistente(podemos activarlo presionando CTRL + BARRA ESPACIADORA) y seleccionamos username

repetimos el mismo procedimiento para password.

el resultado final es este

En el próximo blog crearemos una pagina que mostrara los datos enviados por el usuario y almacenados en la clase Login

Comments

Unknown said…
Estoy deseando leer las siguientes entregas.

Muy buen trabajo, muy bien explicadito y muy ameno de leer.
edwincalle said…
HOLA ANMIGO TU TUTORIAL ESTA INTERESANTE PERO DESDE CODIGO JAVA SIN USAR LAS ETIQUETAS JSF COMO PUEDO ACCEDER A LOS DATOS DEL BEAN HE VISTO QUE SE PUEDE HACER USANDO UNA MANAGED PROPERTY PERO NO SE COMO SI ME PODRIAS AYUDAR SERIA BESTIAL
avbravo said…
ExpressionFactory expressionFactory = application.getExpressionFactory( );
ValueExpression ve =.expressionFactory.createValueExpression(elContext,
"#{usuario }",Usuario.class);
Usuario usuario = (Usuario) ve.getValue(elContext);
AFASTOS said…
Saludos desde Mexico!! recientemente encontre tu blog y de verdad te digo que esta excelente!!, llevo unos cuantos dias aprendiendo java y los tutos que pones para usar netbeans me han ayudado muxisimo por lo bien explicados y los graficos que muestras, se te agradece de sobremanera muxa buena vibra para ti y xfavor no dejes de publicar tutos asi a nivel basico para que principiantes como yo podamos dar nuestros primeros pasos.
avbravo said…
muchas gracias amigo, saludos a mis amigos Mexicanos.
IVAN-SIAGIE said…
Bien didactico ...!!!
IVAN-SIAGIE said…
Muy didactico!!!
IVAN-SIAGIE said…
Bien didactico!!!
IVAN-SIAGIE said…
bastante claro!!!
ruben said…
un saludo desde Paraguay exelente tu tutorial sigue asi que aprendemos todos

Popular posts from this blog

Jmoordb-Core @UpdateMany y @DeleteMany

 Jmoordb-Core @UpdateMany y @DeleteMany Estoy trabajando en una versión nueva de jmoordb-core en la cual se estará implementando nuevas funcionalidades como lo son @DeleteMany y    @UpdateMany con la finalidad de hacer operaciones sobre múltiples documentos de la colección.

Primefaces v13

 La versión nueva de primefaces v13.0 elimina el componente <p:repeat>  Consulte los cambios en  https://github.com/primefaces/primefaces/releases/tag/13.0.0 por lo tanto si necesita una solución similar considere utilizar  <p:carousel>  o  <ui:repeat> En la versión 13 genera una excepción