Skip to main content

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>

4. Crear el entity Paises

import com.google.gson.annotations.SerializedName;
import com.jgmongo.services.GenericBeans;
import lombok.Getter;
import lombok.Setter;
import org.bson.Document;

/**
 *
 * @author avbravo
 */
@Getter
@Setter
public class Paises extends GenericBeans {

    @SerializedName("Siglas")
    private String siglas;
    @SerializedName("Pais")
    private String pais;
    @SerializedName("Logo")
    private String logo;
    

    public Document toDocument(Paises paises) {
        Document doc = new Document();
        try {                        
            doc = Document.parse(getGson().toJson(paises));
        } catch (Exception e) {
            System.out.println("toDocument() " + e.getLocalizedMessage());
        }
        return doc;
    }

    public Paises toPojo(Document doc) {
        Paises paises = new Paises();
        try {
             paises = (Paises) fromJsontoPojo(doc.toJson(), new Paises().getClass());
        } catch (Exception e) {
            System.out.println("toPojo() " + e.getLocalizedMessage());
        }
        return paises;
    }

    @Override
    public String toString() {
        return "Paises{" + "siglas=" + siglas + ", pais=" + pais + '}';
    } 
}

5. Crear MongoClientProvider para gestionar la conexión  a MongoDB

@Singleton
@ConcurrencyManagement(ConcurrencyManagementType.CONTAINER)
public class MongoClientProvider {
    private MongoClient mongoClient = null;
@Lock(LockType.READ)
public MongoClient getMongoClient(){
return mongoClient;
}
@PostConstruct
public void init() {
            try {
                mongoClient = new MongoClient();
            } catch (Exception e) {
                JSFUtil.addErrorMessage("init() "+e.getLocalizedMessage());
            }
}
}

6. Crear al Facade

@Stateless
public class PaisesFacade extends AbstractFacade<Paises> {
   @EJB
    MongoClientProvider mongoClientProvider;
    List<Paises> list = new ArrayList<>();
    Paises paises = new Paises();

  @Override
    protected MongoClient getMongoClient() {
        return mongoClientProvider.getMongoClient();
    }
    public PaisesFacade() {      
        super(Paises.class, "mydatabase", "paises");
    }
}

7. Crear el Controller

@Named
@ViewScoped
@Getter
@Setter
public class PaisesController Serializable {

    private static final long serialVersionUID = 1L;

    @Inject
    PaisesFacade paisesFacade;
    List<Paises> paisesList = new ArrayList<>();
    Paises paises = new Paises();
    Paises selectedPaises = new Paises();


    /**
     * Creates a new instance of PaisesController
     */
    @PostConstruct
    public void init() {
            paisesList = paisesFacade.findAll(new Document());
       }

    public PaisesController() {
    }

   
    public void save() {
             paisesFacade.save(paises)) {
   }

    public String remove(Paises paises) {
        
   paisesFacade.remove(new Document("Siglas",paises.getSiglas())) ;
    }
    public String removeAll(Paises paises) {        
       paisesFacade.removeAll( );
        }
  
}


8. Pagina paises.xhtml

 <p:outputLabel for="siglas" value="#{msg.siglas}"/>
      <p:inputText id="siglas" value="#{paisesController.paises.siglas}"                                                               />

                            <p:outputLabel for="pais" value="#{msg.pais}"/>
                            <p:inputText id="pais" value="#{paisesController.paises.pais}"/>

                            <p:fileUpload   auto="true" label="Foto" fileUploadListener="#{paisesController.handleFileUpload}" style="max-width:90px;" update=":form:growl,:form:foto"/>
                            <h:graphicImage id="foto" value="/resources/fotos/paises/#{paisesController.paises.logo}" height="80" width="80"/>

                            <p:outputLabel for="btn" value=" " />
                            <p:commandButton id="btn" value="#{app['boton.save']}" icon="fa fa-edit Fs14 White"  style="max-width:150px;"
                                             update=":form:growl"
                                             action="#{paisesController.save()}"
                                             />


9. Pagina paisesdatatable.xhtml
          <p:dataTable id="paisesDataTable" var="item" value="#{paisesController.paisesList}" 
                                 selectionMode="single" 
                                 selection="#{paisesController.selectedPaises}"
                                 rowKey="#{item.siglas}"
                                 rows="10" paginator="true" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                 rowsPerPageTemplate="5,10,15" emptyMessage="No cars found with given criteria" reflow="true">
                        <f:facet name="header">
                            <p:outputLabel value="#{msg.paises}"/>
                        </f:facet>

                        <p:ajax event="rowSelect" update=":form:paisesDetaill" oncomplete="PF('paisesDialog').show()" />

         <p:column headerText="#{msg.siglas}" sortBy="#{item.siglas}" footerText="#{msg.siglas}">
                            <h:outputText value="#{item.siglas}" />
          </p:column>
           
         <p:column headerText="#{msg.pais}" sortBy="#{item.pais}" footerText="#{msg.pais}">
                            <h:outputText value="#{item.pais}" />
           </p:column>
                        
                        
               <p:column>
                            <f:facet name="header">
                                   <p:outputLabel value="#{msg.logo}"/>
                            </f:facet>
               <h:graphicImage id="foto" value="/resources/fotos/paises/#{item.logo}" height="30" width="30"/>
              </p:column>
  </p:dataTable>

Si agregas el plugin de MongoDB para NetBeans puedes consultarlo desde el mismo IDE

o desde consola de MongoDB







Comments

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