> For the complete documentation index, see [llms.txt](https://avbravo-2.gitbook.io/stack-jmoordb/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://avbravo-2.gitbook.io/stack-jmoordb/distribuir-componentes-en-jar/distribuir-componentes-desde-java-class/crear-composite-maven.md).
# Crear composite Maven
## Crear composite Maven
Crear el proyecto Maven
Indicamos el nombre del proyecto
al darle finalizar se crea el proyecto jmoordbjsf
Revisamos las propiedades del proyecto
### Editar el archivo pom.xml
### Agregar dependencias
* primefaces
* bootfaces
```css
dependencies>
org.primefacesprimefaces6.2net.bootsfacesbootsfaces1.4.0
```
* **Agregar la seccion build**
```java
${project.artifactId}org.apache.maven.pluginsmaven-compiler-plugin3.8.01.81.8${endorsed.dir}org.apache.maven.pluginsmaven-ejb-plugin3.0.13.1org.apache.maven.pluginsmaven-dependency-plugin3.1.1validatecopy${endorsed.dir}truejavaxjavaee-endorsed-api7.0jar
```
### Dependencias
### En la pestaña Files de NetBeans
Dar clic derecho New--> Folder...
indicar resources/META-INF
### Creamos los archivos xml:
* faces-config.xml
* jmoordbjsf.tablib.xml
#### faces-config.xml
```java
```
#### jmoordbjsf.tablib.xml
* Indicamos el namespace
* library-name
```java
http://jmoordbjsf.com/taglibjmoordbjsf
```
### Dentro de la carpeta META-INF
* creamos la carpeta resources/jmoordbjsf
indicamos los nombres de carpeta
### En este directorio agregamos:
* composite
* imagenes
* css
* js
### Creando el primer componente
* Creamos un componente selectOneMenu de bootfaces simplificando las opciones si/no.
* Ubicarse en la carpeta jmoordbjsf
* Clic derecho --> New -->Other
**Categories**: Java Server Faces
**File Types:** JSF Page
Nota: Si seleccionamos JSF Composite Component, no permitirá finalizar porque no es un proyecto web, por esta razon seleccionamos JSF Page.
### File Name: yesno
se crea el archivo yesno.xhtml, sobre el que vamos a editar para agregar el composite.
Reemplazamos por el código
```java
```
**Nota:** El componente tiene asociados etiquetas definidas en avbravoutils y esta orientado a ejbjmoordb.
### Construir el proyecto
Clic derecho--> Clearn & Build
Se crea el archivo .jar y se registra en maven
### CSS
* Creamos un archivo css dentro de resources/jmoordbjsf
Ejemplo de css
### Agregarlo al composite
* usar el \
* Mediante el styleClass de cada componente usamos la propiedad deseada. \
```java
```
### IMAGENES
* Las imagenes las agregamos dentro de resources/jmoordbjsf
Usar la imágenes en el componente componente
```java
```
Si ejecutamos un proyecto, se vería la imagen
## Probar el Componente
* Creamos un proyecto Web
* Agregarmos la dependencia jmordbjsf
* Agregar el componente a una pagina.
* En este ejemplo usaremos el plugin de PayaraMicro para generar el proyecto
* Repositorio del proyecto
Crear el proyecto: jmoordbjsftest
Indicar el nombre del proyecto
PayaraMicro en este ejemplo la versión 5.183 o superior
En las propiedades del proyecto activamos la configuración, revisamos la versión del JDK, y seleccionamos primefaces como framework
### Editamos el archivo pom.xml
* **Actualizar la version de primefaces**
```java
org.primefacesprimefaces6.2
```
* **Agregar avbravoutls**
```java
com.github.avbravoavbravoutils0.39.4
```
* **Agregar jmoordbjsf (mediante jitpack)**
```java
com.github.avbravojmoordbjsf0.1jitpack.iohttps://jitpack.io
```
#### En el build
* Actualizar las versiones de los plugins de maven a las ultimas
```java
org.apache.maven.pluginsmaven-compiler-plugin3.8.01.81.8${endorsed.dir}org.apache.maven.pluginsmaven-war-plugin3.2.2false
```
* Agregar el final name
```java
jmoordbjsfg
```
### Crearemos un Controller para manejar los datos
* Ubicarse en el paquete com.avbravo.jmoordbjsftest
* Dar clic derecho
* Seleccionar -->New -->JSF Managed Bean
Lo denominamos MyController en el scope: Request
Se crea la clase MyController.java
```java
package com.avbravo.jmoordbjsftest;
import javax.inject.Named;
import javax.enterprise.context.RequestScoped;
/**
*
* @author avbravo
*/
@Named(value = "myContoller")
@RequestScoped
public class MyContoller {
/**
* Creates a new instance of MyContoller
*/
public MyContoller() {
}
}
```
* Implemenamos Serializable
* Agregamos una propiedad para almacenar la opción seleccionada
* Creamos un método para mostrar el mensaje
* Utilizar JsfUtil para enviar mensajes
### Código Final
```java
/*
* To change this license header, choose License Headers in Project Properties.
* To change this template file, choose Tools | Templates
* and open the template in the editor.
*/
package com.avbravo.jmoordbjsftest;
import com.avbravo.avbravoutils.JsfUtil;
import java.io.Serializable;
import javax.inject.Named;
import javax.enterprise.context.RequestScoped;
/**
*
* @author avbravo
*/
@Named
@RequestScoped
public class MyController implements Serializable{
private String seleccion;
public String getSeleccion() {
return seleccion;
}
public void setSeleccion(String seleccion) {
this.seleccion = seleccion;
}
/**
* Creates a new instance of MyContoller
*/
public MyController() {
}
public String mostrar(){
JsfUtil.errorDialog("Seleccion:", seleccion);
return "";
}
}
```
### Ahora editamos el archivo index.xhtml
Archivo inicial
```java
Facelet Title
Hello from Facelets
```
* Agregar el namespace jm: para usarlo con los componentes y el taglib.
```java
xmlns:jm="http://jmoordbjsf.com/taglib"
```
* Agregar el \
```java
```
* Agregar un \
```java
```
* Agregamos un \
```java
```
* Agregar el componente
```java
```
* \ para mostrar la opcion seleccionada por el usuario
```java
```
### Cogido completo
```
Facelet Title
```
### Ejecutar el proyecto
* Se muestra el componente
* Al dar clic en el botón se despliega un mensaje con la selección.
