Friday, August 19, 2016

JGMongo + JEE8 (MongoDB)

Aunque JEE8,  debe estar terminado para el próximo año 2017, hace un tiempo publique un ejemplo usando MySQL como motor de base de datos utilizando JPA Modeler , que es una excelente herramienta grafica para crear modelos relacionados, utilizando JPA.
El creador de JPA Modeler  es  Gaurav Gupta 
Aqui puedes encontrar el tutorial anterior donde  se muestra el ejemplo usando(JPA Modeler  + GlassFish+ JEE8 +JPA + MySQL) JavaEE 8 con JPA muy fácil.

Con el desarrollo de JGMongo que es un Java Object Mapper para MongoDB, mostrare como utilizar JGMongo con JEE8. 
Al ejecutar la aplicación
Listado de países


    @GET
    @Path("list")
    @Controller
    public String findAllPaises() {

        model.put("PAISES_LIST", facade.findAll(new Document()));
        return "/view/paises/list.jsp";
    }


Crear un nuevo país

  @POST
    @Path("new")
    @Controller
    @ValidateOnExecution(type = ExecutableType.NONE)
    @CsrfValid
    public String createPaies(@Valid
            @BeanParam Paises paises) {
        if (validationResult.isFailed()) {
            return ValidationUtil.getResponse(validationResult, error);
        }
        facade.save(paises);
        return "redirect:paises/list";
    }


Vista
 @GET
    @Path("{siglas}")
    @Controller
    public String findPaises(@PathParam("siglas") String siglas) {
        model.put("PAISES", facade.find("Siglas",siglas));
        return "/view/paises/view.jsp";
    }



Usaremos la estructura de proyecto creado con JPA Modeler y haremos la implementación con JGMongo.
Pasos:
1. Crear el proyecto Maven 

2. Agregar las dependencias  (pom.xml)
  <dependencies>
       
        <dependency>
            <groupId>com.jgmongo</groupId>
            <artifactId>jgmongo</artifactId>
            <version>0.1</version>
        </dependency>
        <dependency>
            <groupId>javax</groupId>
            <artifactId>javaee-web-api</artifactId>
            <version>7.0</version>
            <scope>provided</scope>
        </dependency>
          <!-- Needed until Java EE 8 -->
        <dependency>
            <groupId>javax.mvc</groupId>
            <artifactId>javax.mvc-api</artifactId>
            <version>1.0-edr2</version>
        </dependency>
        <dependency>
            <groupId>org.glassfish.ozark</groupId>
            <artifactId>ozark</artifactId>
            <version>1.0.0-m02</version>
            <scope>runtime</scope>
        </dependency>

    </dependencies>

3. Crear MongoClientProvider
@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());
            }
}
}

4. Crear el entity Paises

@Getter
@Setter
public class Paises extends GenericBeans {

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

    public Paises() {

    }

    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 el Facade
@Stateless
@Named("paises")
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, "fantasy", "paises");
    }

}

6. Editar las paginas 



6.1 Editar create.jsp
 <form role="form" action="${appPath}/paises/new" method="POST">
                           <div class="form-group">
                                    <label for="siglas">Siglas</label>
                     <input class="form-control" type="text" name="siglas" path="siglas"  required="required" autofocus="autofocus"  />
                                </div>
                                <div class="form-group">
                                    <label for="pais">Pais</label>
                                    <input class="form-control" type="text" name="pais" path="pais"  />
                                </div>
                                <div class="form-group">
                                    <label for="logo">Logo</label>
                                    <input class="form-control" type="text" name="logo" path="logo"  />
                                </div>
                                
                                
                                <input type="hidden" name="${mvc.csrf.name}" value="${mvc.csrf.token}"/>
                                <button type="submit" class="btn btn-primary"><i class="fa fa-check fa-fw"></i>Submit</button>
                                <a href="${appPath}/paises/list" class="btn btn-default"><i class="fa fa-close fa-fw"></i>Cancel</a>
                            </form>

6.2 Editar list.jsp
 <c:forEach items="${PAISES_LIST}" var="PAISES">
                                    <tr>
                                        <td>${mvc.encoders.html(PAISES.siglas)}</td>

                                        <td>${mvc.encoders.html(PAISES.pais)}</td>

                                        <td>${mvc.encoders.html(PAISES.logo)}</td>


                                        <td>
                                            <div class="pull-right">
                                                <div class="btn-group">
                                                    <button type="button" class="btn btn-primary btn-xs dropdown-toggle" data-toggle="dropdown">
                                                        <i class="fa fa-gear"></i>  <span class="caret"></span>
                                                    </button>
                                                    <ul class="dropdown-menu pull-right" role="menu">
                                                        <li><a href="${PAISES.siglas}"><i class="fa fa-level-up fa-fw"></i>  View</a></li>
                                                        <li><a href="${appPath}/paises/update/${PAISES.siglas}"><i class="fa fa-edit fa-fw"></i>  Edit</a></li>
                                                        <li class="divider"></li>
                                                        <li><a data-toggle="modal" data-target="#confirm_delete_${PAISES.siglas}" href="#"  ><i class="fa fa-trash-o fa-fw"></i> Delete</a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <!-- Modal -->
        <div class="modal fade" id="confirm_delete_${PAISES.siglas}" tabindex="-1" role="dialog" aria-hidden="true">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
           <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                                            <h4 class="modal-title">Confirmation</h4>
                                                        </div>
                                                        <div class="modal-body">
                                                            <p>Are you sure to delete Pais ?</p>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <form action="${appPath}/paises/remove/${PAISES.siglas}" method="DELETE">
                                                                <a href="#" class="btn" data-dismiss="modal">Cancel</a> <button type="submit" class="btn btn-primary">Confirm</button>
                                                            </form>
                                                        </div>
                                                    </div>
                                                    <!-- /.modal-content -->
                                                </div>
                                                <!-- /.modal-dialog -->
                                            </div>
                                            <!-- /.modal -->
                                        </td>

                                    </tr>

                                </c:forEach>


No comments: