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

Itubal said…
Estoy deseando leer las siguientes entregas.

Muy buen trabajo, muy bien explicadito y muy ameno de leer.
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.
Ivantor said…
Bien didactico ...!!!
Ivantor said…
Muy didactico!!!
Ivantor said…
Bien didactico!!!
Ivantor said…
bastante claro!!!
ruben sanabria said…
un saludo desde Paraguay exelente tu tutorial sigue asi que aprendemos todos

Popular posts from this blog

FileUpload con Primefaces

FileUpload con Primefaces

Si queremos subir imagenes a nuestra aplicación usaremos el componente FileUpload Debemos realizar los siguientes pasos:
Agregar al archivo web.xml

   <filter>        <filter-name>PrimeFaces FileUpload Filter</filter-name>        <filter-class>            org.primefaces.webapp.filter.FileUploadFilter        </filter-class>    </filter>    <filter-mapping>        <filter-name>PrimeFaces FileUpload Filter</filter-name>        <servlet-name>Faces Servlet</servlet-name>    </filter-mapping>



Crear dentro de resources el directorio donde deseamos almacenar las imagenes En este ejemplo: resources/fotos/clinicas y agregue una imagen llamada fotos.png que se usará como imagen inicial.



En JSFUtil u otro @Named Beans que usemos agregamos tres métodos uno para obtener el path de la aplicación web , otro para obtener el path relativo a /fotos/clinicas y el otro para copiar los archivos. /*

Tutorial básico de aplicaciones Web con NetBeans parte 1

NetBeans ofrece un excelente soporte para el desarrollo de aplicaciones Web, en esta ocasión lo haremos utilizando el Framework Java Server Faces 2.0.
En el Menu Seleccionamos Nuevo->Proyecto y luego en Categorias Java Web y en tipo de Proyectos Web  Application

indicamos el nombre del proyecto



Seleccinamos el servidor Web, usamos GlassFish ya que este soporta EJB3.0 y JSF 2.0

Framework Java Server Faces

El IDE genera el esquelto del proyecto
Web Pages   almacenamos las paginas .html, xhtml, jsf, los archivos de recursos, los scripts .js, imagenes Source Packages    Son las clases Java  Test Packages    Son las clases que usamos para los Test

Libraries     Tenemos las bibliotecas de Java y GlassFish necesarias para ejecutar la aplicación Web. Test Libraries     Están las bibliotecas usadas para los test 
Configuration Files    Archivos de configuración de la aplicación.

Ejecutamos la aplicación 

Esperamos que se inicie GlassFish y se cargue la aplicación
Este se ejecutara en nuestro servidor local y…

NetBeans 8.0.1 en Español

NetBeans 8.0.1 disponible en español
http://bits.netbeans.org/netbeans/8.0.1/community/
Esta disponible NetBeans 8.0.1 en varios idiomas .


Puedes descargar la nueva versión y utilizar las nuevas características