Monday, March 16, 2015

Si desemos utilizar <p:feedReader> componente de Primefaces
<p:feedReader value="http://rss.news.yahoo.com/rss/sports" var="feed">
   <h:outputText value="#{feed.title}" style="font-weight: bold;display:block"/>
   <h:outputText value="#{feed.description.value}" escape="false"/>
   <p:separator />
</p:feedReader>

Debemos incluir las siguientes dependencias <p:feedReader
<dependency>
           <groupId>com.totsp.feedpod</groupId>
           <artifactId>purl-org-content</artifactId>
           <version>0.3</version>
       </dependency>

 <dependency>
           <groupId>rome</groupId>
           <artifactId>rome</artifactId>
           <version>1.0</version>
       </dependency>

  <dependency>
           <groupId>jdom</groupId>
           <artifactId>jdom</artifactId>
           <version>1.1</version>
           <type>pom</type>

       </dependency>

Saturday, March 14, 2015

Método onblur

Método onblur
Si tenemos un formulario y deseamos que el usuario escribe por ejemplo una cédula, y no da enter, podríamos invocar algún método específico mediante el método onblour y usando <p:remoteCommnad>.
De esta manera no es necesario que presione Enter con escribir la cédula y salir del componente se activa el método.


Segmento de codigo


<p:remoteCommand update="tabView,:form:barra:toolbar,:form:growl,:form:datatableImpuestos"  
                                            name="remotefindcontribuyentes" actionListener="#{componentePagos


      <p:inputText   id="cedula"
                                          disabled="#{!componentePagos.escontribuyente}"
                                          value="#{componentePagos.cedula}"  placeholder="8-888-8888"
                                          title="#{msg.cedula}"
                                          onblur="remotefindcontribuyentes();"
                                          onkeypress="if (event.keyCode == 13) {
                                                      remotefindcontribuyentes();
                                                      return false;
                                                  }"
                                          />

Thursday, February 12, 2015

Java Español- Norte America-Centro America-Sur America Reunión 2015

Java Español- Norte America-Centro America-Sur America Reunión 2015
Continuan las reuniones para organizar las actividades de promoción de Java a Nivel de Latinoamerica, próximamente se estarán comunicando los avances.



Como usar ui:repeat

Como usar ui:repeat

Entity
@Entity
@Table(name = "TIPOS_PATOLOGICOS")
@XmlRootElement
@NamedQueries({
    @NamedQuery(name = "TiposPatologicos.findAll", query = "SELECT t FROM TiposPatologicos t"),
    @NamedQuery(name = "TiposPatologicos.findByIdTipoPatologico", query = "SELECT t FROM TiposPatologicos t WHERE t.idTipoPatologico = :idTipoPatologico"),
    @NamedQuery(name = "TiposPatologicos.findByDescripcion", query = "SELECT t FROM TiposPatologicos t WHERE t.descripcion = :descripcion")})
public class TiposPatologicos implements Serializable {
    private static final long serialVersionUID = 1L;
    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    @Basic(optional = false)
    @Column(name = "ID_TIPO_PATOLOGICO")
    private Integer idTipoPatologico;
    @Basic(optional = false)
    @NotNull
    @Size(min = 1, max = 50)
    @Column(name = "DESCRIPCION")
    private String descripcion;
    @OneToMany(cascade = CascadeType.ALL, mappedBy = "idTipoPatologico")
    private Collection<AntecedentesPatologicos> antecedentesPatologicosCollection;


Creamos un beans
Ya que deseamos mostrar la descripción y solicitar al usuario que ingrese un comentario
public class TiposPatologicosBeans {
private String antecedente;
TiposPatologicos tiposPatologicos = new TiposPatologicos();

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

/*
*agregar los get/set
*
*/
}


En el Controller
Crear un método para cargar los registros
 private Boolean cargarTiposPatologicos() {
        try {

            listTiposPatologicosBeans.removeAll(listTiposPatologicosBeans);

            List<TiposPatologicos> l;
            l = tiposPatologicosFacade.findAll();

            if (l == null || l.isEmpty()) {

                JSFUtil.addSuccessMessage(rf.getMensajeArb("warning.nohaytipospatologicos"));
                return false;
            }

            for (TiposPatologicos t : l) {

                TiposPatologicosBeans tp = new TiposPatologicosBeans();

                tp.setAntecedente(rf.getMensajeArb("label.ninguno"));
                tp.setTiposPatologicos(t);
                listTiposPatologicosBeans.add(tp);

            }

            return true;
        } catch (Exception e) {

            JSFUtil.addErrorMessage("cargarTiposPatologicos()" + e.getLocalizedMessage());
        }
        return false;
    }


Crear un método para guardar cada registro
Recorremos el list
 private Boolean saveAntecedentesPatologicos() {
        try {

            for (TiposPatologicosBeans tpb : listTiposPatologicosBeans) {
                antecedentesPatologicos.setIdFicha(fichaClinica);
                antecedentesPatologicos.setIdTipoPatologico(tpb.getTiposPatologicos());
                antecedentesPatologicos.setObservaciones(tpb.getAntecedente());
                antecedentesPatologicosFacade.create(antecedentesPatologicos);

            }
            return true;
        } catch (Exception e) {
            JSFUtil.addErrorMessage("saveAntecedentesPatologicos()" + e.getLocalizedMessage());
        }
        return false;
    }




En el xhtml
Deseamos mostrar la descripción y crear un <p:inputTextarea para cada registro


Genera la siguiente vista


Friday, January 30, 2015

HTML6 y Java Server Faces

HTML6 y Java Server Faces
En http://html6spec.com/. explican algunas características de html6, entre ellas el uso de namespaces como se hacia en xhtml, ahora es parte de la especificación.

Para los desarrolladores Java EE,(a continuación el tutorial oficial de Oracle)
Encontraran Facelets,  que es un poderoso lenguaje de declaración que es usado para construir vistas  Java Server Faces usando plantillas HTML. Se basa en el uso de XHTML. para crear las paginas web.

Ahora en HMTL6 podemos usar directamente los namespaces


Java Server Faces

Por ejemplo:
head en facelets



head en html6



body en facelets



body en hmtl6


Los cambios en HMTL6 son comunes en Facelets, para los desarrolladores Java Server Faces+ Faceletes, representan una mejor integración. Y el algo comuen en el desarrollo. basado en componentes (Primefaces)




Tuesday, January 27, 2015

FileUpload con Primefaces

FileUpload con Primefaces


goto.png
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>


s.png


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.
f.png




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.
/*
    devuelve el path de la aplicacion
    */
   public static String getPath() {
       try {
           ServletContext ctx = (ServletContext) FacesContext.getCurrentInstance()
                   .getExternalContext().getContext();
           return ctx.getRealPath("/");


       } catch (Exception e) {


           addErrorMessage("getPath() " + e.getLocalizedMessage());
       }
       return null;


   }

/*
    devuelve un hashmap con la ruta de fotos clinicas y el url para las imagenes
    */
   public static HashMap<String, String> getMapPathFotosClinica() {
       try {
           HashMap<String, String> map = new HashMap<String, String>();
          
           String path = getPath() + "resources/fotos/clinicas/";
           map.put("path", path);
           map.put("url", "/resources/fotos/clinicas/");
           return map;
       } catch (Exception e) {


           addErrorMessage(" getMapPathFotosClinica() " + e.getLocalizedMessage());
       }
       return null;


   }


    /*
    devuelve un hashmap con la ruta de fotos clinicas y el url para las imagenes
    */
   public static String getPathFotosClinica() {
       try {             
       
           String path = getPath() + "resources/fotos/clinicas/";
return path;
       } catch (Exception e) {


           addErrorMessage("getPathFotosClinica() " + e.getLocalizedMessage());
       }
       return null;


   }



   /*
    copia un archivo generalmente cuando se usa el fileupload
    fileName: nombre del archivo a copiar
    in: Es el InputStream
    destination: ruta donde se guardara el archivo
 
    */
   public static Boolean copyFile(String fileName, InputStream in, String destination) {
       try {


           // write the inputStream to a FileOutputStream
           OutputStream out = new FileOutputStream(new File(destination + fileName));


           int read = 0;
           byte[] bytes = new byte[1024];


           while ((read = in.read(bytes)) != -1) {
               out.write(bytes, 0, read);
           }


           in.close();
           out.flush();
           out.close();


           return true;
       } catch (IOException e) {
           JSFUtil.addErrorMessage("copyFile() " + e.getLocalizedMessage());
       }
       return false;
   }
Mostrare dos formas para manejar la imagen , una atraves del path incluyendo el url
En el Controller agregar dos atributos.


private String imagenURL ="/resources/fotos/clinicas/foto.png";
private String imagen="foto.png";


Nota: Recuerde que en el directorio /resources/fotos/clinicas se agrego una imagen llamada fotos.png.


crear el método  handleFileUpload() que se encarga de guardar el archivo


En este obtenemos la ruta del directorio /fotos/clinicas/
   public void handleFileUpload(FileUploadEvent event) {
       try {


           UploadedFile file = event.getFile();
//application code
           String destination;


           HashMap<String, String> map = JSFUtil.getPathFotosClinica();


           destination = map.get("path");
           if (destination == null) {
               JSFUtil.addErrorMessage(rf.getMensajeArb("warning.noseobtuvopath"));
           } else {
               imagenURL = map.get("url") + file.getFileName();
               imagen = file.getFileName();
               if (JSFUtil.copyFile(file.getFileName(), file.getInputstream(), destination)) {                  
               }
           }


       } catch (Exception e) {
           JSFUtil.addErrorMessage("handleFileUpload()" + e.getLocalizedMessage());
       }


   }




En la pagina xhtml agregamos el componente.
Colocamos dos <h:graphicImage en el primero usamos el url completo y en el segundo solo el nombre de la imagen.
y.png
 <p:panelGrid id="fotos" columns="1">
             <h:graphicImage value="#{clinicasController.imagenURL}" height="100" width="100"/>
           <h:graphicImage value="/resources/fotos/clinicas/#{clinicasController.imagen}" height="100" width="100"/>
         <p:fileUpload auto="true" label="Foto" fileUploadListener="#{clinicasController.handleFileUpload}" update=":form:growl,:form:fotos"/>
                          
                        </p:panelGrid>


al dar clic en el botón FOTO , seleccionamos una imagen y se carga la  imagen en los dos componentes.
d.png
Solo dejamos una de los dos , esta incluido solo a modo de ejemplo. Recomendaria usar     <h:graphicImage value="/resources/fotos/clinicas/#{clinicasController.imagen}" height="100" width="100"/>


Si ejecutamos el proyecto desde NetBeans IDE, con un proyecto web Maven
lo guarda la imagen en el path /target/nombreproyectoversion/resources/fotos/clinicas
a.png

FileUpload y almacenar la imagen en una base de datos
Si tenemos un campo llamado logoClinica de tipo String en la tabla


Ajustamos el Controller
 @PostConstruct
   public void init() {
       nuevoregistro = false;
       desactivar = true;
       clinicas.setLogoClinica("foto.png");


   }
 @Override
   public String prepararNew() {
       try {
           
           clinicas = new Clinicas();
           clinicas.setLogoClinica(imagen);


       } catch (Exception e) {
           JSFUtil.addErrorMessage(e.getLocalizedMessage());
       }
       return null;
   }

@Override
   public String save() {
       try {
               clinicas = new Clinicas();
              clinicas.setLogoClinica(imagen);
       


@Override
   public String delete() {
       try {
                   clinicas.setLogoClinica(imagen);




Editamos el método  handleFileUpload()
public void handleFileUpload(FileUploadEvent event) {
       try {


           UploadedFile file = event.getFile();
//application code
           String destination;


                 destination = JSFUtil.getPathFotosClinica();
           if (destination == null) {


               JSFUtil.addErrorMessage(rf.getMensajeArb("warning.noseobtuvopath"));
           } else {
               
               clinicas.setLogoClinica(file.getFileName());
               if (JSFUtil.copyFile(file.getFileName(), file.getInputstream(), destination)) {
                  
               }
           }


       } catch (Exception e) {
           JSFUtil.addErrorMessage("handleFileUpload()" + e.getLocalizedMessage());
       }


   }