Trabajo de Beans

UNIVERSIDAD CATÓLICA DE SANTA MARÍA
FACULTAD DE CIENCIAS E INGENIERAS FÍSICAS Y FORMALES

ESCUELA PROFESIONAL DE INGENIERÍA DE SISTEMAS
Seminario Jornada de especialidad II

PRESENTADO POR:
BEJARANO PÉREZ, BRYAN RENZO
ROJAS TORRES, STEVE
DOCENTE:
Nuñez Gomez, Luis Fabricio
AREQUIPA-PERÚ
2018
Contenido
DATA COMPONENTS .................................................................................................................... 3
1.- Carousel ............................................................................................................................... 3
2.- DataList ................................................................................................................................ 9
3.- DataScroller ....................................................................................................................... 15
4.- Diagram.............................................................................................................................. 18
5.- OrderList ............................................................................................................................ 21
6.- GMap ................................................................................................................................. 25
7.- Mindmap ........................................................................................................................... 26
8.- Ring .................................................................................................................................... 29
9.- TagCloud ............................................................................................................................ 33
10.- TreeTable ......................................................................................................................... 35
11.- Timeline ........................................................................................................................... 41
12.- DataGrid........................................................................................................................... 45
13.- DataView ......................................................................................................................... 49
14.- DataTable......................................................................................................................... 50
15.- Picklist .............................................................................................................................. 52
16.- Organigram ...................................................................................................................... 56
17.- DataExporter ................................................................................................................... 58
18.- Repeat .............................................................................................................................. 62
19.- Schedule........................................................................................................................... 64
20.- Tree .................................................................................................................................. 70
21.- HorizontalTree ................................................................................................................. 73
Mapeo a base de datos con Hibernate ...................................................................................... 76
DATA COMPONENTS
Estos componentes se usan para visualizar la información.
1.- Carousel
 Se crea un JSF Managed Bean y llenamos con los datos de la siguiente imagen.
 Se copia el siguiente código:
CarouselView.java
import java.io.Serializable;
import java.util.List;
import javax.annotation.PostConstruct;
import java.util.ArrayList;
public class CarouselView implements Serializable {
private List<Personas> p = new ArrayList<Personas>();

Personas personaSeleccionada;
@PostConstruct
public void init() {
p.add(new Personas("Juan","M",23));
p.add(new Personas("Maria","F",21));
p.add(new Personas("Gabriela","F",20));
p.add(new Personas("Guillermo","M",25));
p.add(new Personas("Erick","M",24));
p.add(new Personas("Edith","F",22));
p.add(new Personas("Elizabeth","F",25));
p.add(new Personas("Diana","F",40));
p.add(new Personas("Adrian","M",50));
p.add(new Personas("Marco","M",30));
p.add(new Personas("Rodrigo","M",25));
p.add(new Personas("Fernando","M",32));
}
public List<Personas> getP() {
return p;
}
public Personas getPersonaSeleccionada() {
return personaSeleccionada;
}
public void setPersonaSeleccionada(Personas personaSeleccionada) {

this.personaSeleccionada = personaSeleccionada;
}
 Se crea una clase java con el nombre Persona y copiar el siguiente código.
Persona.Java
public class Personas {

private String name;
private String sexo;
public Personas(String name, String sexo, int edad) {

this.name = name;
this.sexo = sexo;
this.edad = edad;
}
/**
* Creates a new instance of Personas
*/
public Personas() {
public Personas(String name, int edad) {

this.name = name;
this.edad = edad;
}
public String getSexo() {
return sexo;
}
public void setSexo(String sexo) {

this.sexo = sexo;
}
private int edad;
public String getName() {

return name;
}
public void setName(String name) {

this.name = name;
}
public int getEdad() {

return edad;
}
public void setEdad(int edad) {

this.edad = edad;
}
 Crear archivo carousel.xhtml y copiar el código de las siguientes imágenes.

 Ejecutar el XHTML con shift F6.
Propiedades del componente Carousel
Propiedad Explicacion
Value En esta propiedad se tiene que poner la lista
que se desea mostrar.
En nuestro ejemplo usamos la lista p.
headerText Titulo de la lista a mostrar.

Var Para iterar a través de la lista.
numVisible Número de elementos visibles.
effect Tipo de efecto cuando se transita entre
elementos.
2.- DataList
 Crear un archivo java con el nombre Persona y copiar el siguiente código
Persona.Java
public class Personas {

private String sexo;
public Personas(String name, String sexo, int edad) {

this.name = name;
this.sexo = sexo;
this.edad = edad;
}
/**
* Creates a new instance of Personas
*/
public Personas() {
public Personas(String name, int edad) {

this.name = name;
this.edad = edad;
}
public String getSexo() {

return sexo;
}
public void setSexo(String sexo) {

this.sexo = sexo;
}
private int edad;

return name;
}
this.name = name;
}
public int getEdad() {

return edad;
}
public void setEdad(int edad) {

this.edad = edad;
}
 Crear un archivo java con el nombre DataListView y copiar el siguiente código.
DataListView.java
public class DataListView implements Serializable {

@PostConstruct
}
return p;
}
}

}
}
 Crear un archivo JSF Faces Configuration
Seleccionar finalizar.
 Agregar el código de la siguiente imagen en el archivo faces-config.xml.

 Crear un archivo xhtml con cualquier nombre y copiar el siguiente código.
Ejecutamos el archivo xhtml con shift F6 y obtenemos lo siguiente.
Propiedades del DataList
Propeidad Explicacion
Value En esta propiedad se tiene que poner la lista que se desea leer.
Y esta lista contiene la siguiente información:
Var Sirve para iterar a través de la lista.

Type Para definir el tipo de DataList, las cuales son :
 Ordered.
 Definition.
 Unordered.
Paginator Se usa cuando la lista en muy grande y se desea mostrar en partes la
lista. Solo puede tomar el valor true o false.
Rows El numero de elementos a mostrar.
3.- DataScroller
 Crear un JSF Managed Bean como se muestra en la siguiente figura.

Y copiar el siguiente código:
DataScrollerView.java
import javax.inject.Named;
import javax.faces.view.ViewScoped;
/**
*
* @author BRYAN BEJARANO
*/
@Named(value = "dataScrollerView")
@ViewScoped
public class DataScrollerView implements Serializable {
@PostConstruct
}
return p;
}
}
 Usar la clase persona del componente DataList.
 Crear un archivo xhtml y copiar el código de la siguiente imagen.
Ejecutar con Alf F6 para obtener el resultado de la siguiente imagen:

Propiedades del componente DataScroller:
Value En esta propiedad se tiene que poner la lista que se desea leer.
Y esta lista contiene la siguiente información:
Var Sirve para iterar a través de la lista.

ChunkSize Cuantos elementos se desea mostrar.
4.- Diagram
 Crear un JSF Managed Bean como se muestra en la siguiente imagen.
Y copier el siguiente código:
BasicView.java
import org.primefaces.model.diagram.DefaultDiagramModel;
import org.primefaces.model.diagram.DiagramModel;
import org.primefaces.model.diagram.Element;
import org.primefaces.model.diagram.Connection;
import org.primefaces.model.diagram.endpoint.DotEndPoint;
import org.primefaces.model.diagram.endpoint.EndPointAnchor;
public class BasicView {
private DefaultDiagramModel model;
@PostConstruct
model = new DefaultDiagramModel();
model.setMaxConnections(-1);
Element elementA = new Element("A", "20em", "6em");

elementA.addEndPoint(new DotEndPoint(EndPointAnchor.BOTTOM));
Element elementB = new Element("B", "10em", "18em");

elementB.addEndPoint(new DotEndPoint(EndPointAnchor.TOP));
Element elementC = new Element("C", "40em", "18em");

elementC.addEndPoint(new DotEndPoint(EndPointAnchor.TOP));
model.addElement(elementA);
model.addElement(elementB);
model.addElement(elementC);
model.connect(new Connection(elementA.getEndPoints().get(0),
elementB.getEndPoints().get(0)));
model.connect(new Connection(elementA.getEndPoints().get(0),
elementC.getEndPoints().get(0)));
}
public DiagramModel getModel() {

return model;
}
 Crear un archivo xhtml y copiar el código de la siguiente

imagen.
 Ejecutar el XHTML con shift F6 para obtener el siguiente resultado:
Propiedades del componente diagram
Value Para obtener el modelo de diagrama que se desea mostrar.
5.- OrderList
La lista se ordena vía arrastrar y soltar.
 Crear un JSF Managed Bean con los datos de la siguiente imagen.
OrderListView.java
import javax.faces.application.FacesMessage;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.ManagedProperty;
import javax.faces.context.FacesContext;
import org.primefaces.event.SelectEvent;
import org.primefaces.event.UnselectEvent;
public class OrderListView {

private List<String> cities;
@PostConstruct
//Cities
cities = new ArrayList<String>();
cities.add("San Francisco");
cities.add("London");
cities.add("Paris");
cities.add("Istanbul");
cities.add("Berlin");
cities.add("Barcelona");
cities.add("Rome");
public List<String> getCities() {

return cities;
}
public void onSelect(SelectEvent event) {

FacesContext context = FacesContext.getCurrentInstance();
context.addMessage(null, new
FacesMessage(FacesMessage.SEVERITY_INFO, "Item Selected",
event.getObject().toString()));
}
public void onUnselect(UnselectEvent event) {

FacesMessage(FacesMessage.SEVERITY_INFO, "Item Unselected",
}
public void onReorder() {

FacesMessage(FacesMessage.SEVERITY_INFO, "List Reordered", null));
}
}
 Crear un arhico xhtml y copiar el código de la siguiente imagen:
Se ejecuta el archivo con shift F6 y obtenemos el siguiente resultado.
6.- GMap
Se craun archivo xhtml
Y se copia el código de la siguiente imagen:
Y ejecutar el archivo para obtener el siguiente reso.

Ese mensaje sale por esta razón:
7.- Mindmap
 Crear un JSF Managed vean como se muestra en la siguiente imagen.
MindmapView.java
import javax.enterprise.context.Dependent;
import java.util.UUID;
import org.primefaces.model.mindmap.DefaultMindmapNode;
import org.primefaces.model.mindmap.MindmapNode;
@Named(value = "mindmapView")
@Dependent
public class MindmapView implements Serializable{
private MindmapNode root;
private MindmapNode selectedNode;
public MindmapView(){
root = new DefaultMindmapNode("google.com", "Google WebSite",
"FFCC00", false);
MindmapNode ips = new DefaultMindmapNode("IPs", "IP Numbers",

"6e9ebf", true);
MindmapNode ns = new DefaultMindmapNode("NS(s)", "Namespaces",
"6e9ebf", true);
MindmapNode malware = new DefaultMindmapNode("Malware",
"Malicious Software", "6e9ebf", true);
root.addNode(ips);
root.addNode(ns);
root.addNode(malware);
}
public MindmapNode getRoot() {

return root;
}
public MindmapNode getSelectedNode() {

return selectedNode;
}
public void setSelectedNode(MindmapNode selectedNode) {
this.selectedNode = selectedNode;
}
public void onNodeSelect(SelectEvent event) {

MindmapNode node = (MindmapNode) event.getObject();
//populate if not already loaded

if(node.getChildren().isEmpty()) {
Object label = node.getLabel();
if(label.equals("NS(s)")) {
for(int i = 0; i < 25; i++) {
node.addNode(new DefaultMindmapNode("ns" + i +
".google.com", "Namespace " + i + " of Google", "82c542", false));
}
}
else if(label.equals("IPs")) {
for(int i = 0; i < 18; i++) {
node.addNode(new DefaultMindmapNode("1.1.1." + i,
"IP Number: 1.1.1." + i, "fce24f", false));
}
}
else if(label.equals("Malware")) {
for(int i = 0; i < 18; i++) {
String random = UUID.randomUUID().toString();
node.addNode(new DefaultMindmapNode("Malware-" +
random, "Malicious Software: " + random, "3399ff", false));
}
}
}
}
public void onNodeDblselect(SelectEvent event) {

this.selectedNode = (MindmapNode) event.getObject();
}
}
Crear un archivo xhtml y copiar el código de la siguiente imagen.

 Ejecutar el archivo con Shilf F6 para obtener lo siguiente.
8.- Ring
Y copie el siguiente código
RingView.java
public class RingView implements Serializable {

@PostConstruct
}
return p;
}
}

}
 Se crea un archive xhtml y se copia el código de la siguiente imagen.

Ejecutamos el archivo para obtener lo siguiente.
9.- TagCloud
Crear un archive jsf managed Bean como en la siguiente imagen, scope es none.
Y copiar el siguiente código.
TagCloudView.java
import javax.faces.view.ViewScoped;
import org.primefaces.model.tagcloud.DefaultTagCloudItem;
import org.primefaces.model.tagcloud.DefaultTagCloudModel;
import org.primefaces.model.tagcloud.TagCloudItem;
import org.primefaces.model.tagcloud.TagCloudModel;
public class TagCloudView {

private TagCloudModel model;
@PostConstruct
model = new DefaultTagCloudModel();
model.addTag(new DefaultTagCloudItem("Transformers", 1));
model.addTag(new DefaultTagCloudItem("RIA", "#", 3));
model.addTag(new DefaultTagCloudItem("AJAX", 2));
model.addTag(new DefaultTagCloudItem("jQuery", "#", 5));
model.addTag(new DefaultTagCloudItem("NextGen", 4));
model.addTag(new DefaultTagCloudItem("JSF 2.0", "#", 2));
model.addTag(new DefaultTagCloudItem("FCB", 5));
model.addTag(new DefaultTagCloudItem("Mobile", 3));
model.addTag(new DefaultTagCloudItem("Themes", "#", 4));
model.addTag(new DefaultTagCloudItem("Rocks", "#", 1));
}
public TagCloudModel getModel() {

return model;
}

TagCloudItem item = (TagCloudItem) event.getObject();
FacesMessage msg = new
item.getLabel());
FacesContext.getCurrentInstance().addMessage(null, msg);
}
}

Ejecutar el archivo para obtener el siguiente resultado
10.- TreeTable
Crear un documento java con el nombre Document y copiar el siguiente codigo
Document.java
public class Document implements Serializable, Comparable<Document> {
private String size;
private String type;
public Document(String name, String size, String type) {

this.name = name;
this.size = size;
this.type = type;
}

return name;
}

this.name = name;
}
public String getSize() {

return size;
}
public void setSize(String size) {

this.size = size;
}
public String getType() {

return type;
}
public void setType(String type) {

this.type = type;
}
//Eclipse Generated hashCode and equals

@Override
public int hashCode() {
final int prime = 31;
int result = 1;
result = prime * result + ((name == null) ? 0 :
name.hashCode());
result = prime * result + ((size == null) ? 0 :
size.hashCode());
result = prime * result + ((type == null) ? 0 :
type.hashCode());
return result;
}
@Override
public boolean equals(Object obj) {
if (this == obj)
return true;
if (obj == null)
return false;
if (getClass() != obj.getClass())
return false;
Document other = (Document) obj;
if (name == null) {
if (other.name != null)
return false;
} else if (!name.equals(other.name))
return false;
if (size == null) {
if (other.size != null)
return false;
} else if (!size.equals(other.size))
return false;
if (type == null) {
if (other.type != null)
return false;
} else if (!type.equals(other.type))
return false;
return true;
}
@Override
public String toString() {
return name;
}
public int compareTo(Document document) {

return this.getName().compareTo(document.getName());
}
}
Crear un archivo JSF como se muestra e la siguiente imagen.

BasicViews.java
import javax.faces.bean.ViewScoped;
import org.primefaces.model.DefaultTreeNode;
import org.primefaces.model.TreeNode;
public class BasicViews implements Serializable {
private TreeNode root;
private Document selectedDocument;
private DocumentService service;
@PostConstruct
root = new DefaultTreeNode(new Document("Files", "-",
"Folder"), null);
TreeNode documents = new DefaultTreeNode(new

Document("Documents", "-", "Folder"), root);
TreeNode pictures = new DefaultTreeNode(new
Document("Pictures", "-", "Folder"), root);
TreeNode movies = new DefaultTreeNode(new Document("Movies",
"-", "Folder"), root);
TreeNode work = new DefaultTreeNode(new Document("Work", "-",

"Folder"), documents);
TreeNode primefaces = new DefaultTreeNode(new
Document("PrimeFaces", "-", "Folder"), documents);
//Documents
TreeNode expenses = new DefaultTreeNode("document", new
Document("Expenses.doc", "30 KB", "Word Document"), work);
TreeNode resume = new DefaultTreeNode("document", new
Document("Resume.doc", "10 KB", "Word Document"), work);
TreeNode refdoc = new DefaultTreeNode("document", new
Document("RefDoc.pages", "40 KB", "Pages Document"), primefaces);
//Pictures
TreeNode barca = new DefaultTreeNode("picture", new
Document("barcelona.jpg", "30 KB", "JPEG Image"), pictures);
TreeNode primelogo = new DefaultTreeNode("picture", new
Document("logo.jpg", "45 KB", "JPEG Image"), pictures);
TreeNode optimus = new DefaultTreeNode("picture", new
Document("optimusprime.png", "96 KB", "PNG Image"), pictures);
//Movies
TreeNode pacino = new DefaultTreeNode(new Document("Al
Pacino", "-", "Folder"), movies);
TreeNode deniro = new DefaultTreeNode(new Document("Robert De
Niro", "-", "Folder"), movies);
TreeNode scarface = new DefaultTreeNode("mp3", new
Document("Scarface", "15 GB", "Movie File"), pacino);
TreeNode carlitosWay = new DefaultTreeNode("mp3", new
Document("Carlitos' Way", "24 GB", "Movie File"), pacino);
TreeNode goodfellas = new DefaultTreeNode("mp3", new

Document("Goodfellas", "23 GB", "Movie File"), deniro);
TreeNode untouchables = new DefaultTreeNode("mp3", new
Document("Untouchables", "17 GB", "Movie File"), deniro);
public TreeNode getRoot() {

return root;
}
public void setService(DocumentService service) {

this.service = service;
}
public Document getSelectedDocument() {

return selectedDocument;
}
public void setSelectedDocument(Document selectedDocument) {

this.selectedDocument = selectedDocument;
}
}

Ejecutar el archivo anterior para obtener lo siguiente.
11.- Timeline
Crear un nuevo JSF Managed Bean con la información que se muestra en la siguiente imagen.
BasicTimelineView.java
import java.util.Calendar;
import org.primefaces.event.timeline.TimelineSelectEvent;
import org.primefaces.model.timeline.TimelineEvent;
import org.primefaces.model.timeline.TimelineModel;
public class BasicTimelineView implements Serializable {
private TimelineModel model;
private boolean selectable = true;

private boolean zoomable = true;
private boolean moveable = true;
private boolean stackEvents = true;
private String eventStyle = "box";
private boolean axisOnTop;
private boolean showCurrentTime = true;
private boolean showNavigation = false;
@PostConstruct
protected void initialize() {
model = new TimelineModel();
Calendar cal = Calendar.getInstance();

cal.set(2014, Calendar.JUNE, 12, 0, 0, 0);
model.add(new TimelineEvent("PrimeUI 1.1", cal.getTime()));
cal.set(2014, Calendar.OCTOBER, 11, 0, 0, 0);

model.add(new TimelineEvent("Primefaces 5.1.3",
cal.getTime()));
cal.set(2015, Calendar.DECEMBER, 8, 0, 0, 0);

model.add(new TimelineEvent("PrimeUI 2.2", cal.getTime()));
cal.set(2015, Calendar.MARCH, 10, 0, 0, 0);

model.add(new TimelineEvent("Sentinel-Layout 1.1",
cal.getTime()));
cal.set(2015, Calendar.APRIL, 3, 0, 0, 0);

model.add(new TimelineEvent("Spark-Layout 1.0",
cal.getTime()));
cal.set(2015, Calendar.MAY, 15, 0, 0, 0);

model.add(new TimelineEvent("Ronin-Layout 1.0",
cal.getTime()));
cal.set(2015, Calendar.JULY, 10, 0, 0, 0);

model.add(new TimelineEvent("Modena-Layout 1.0",
cal.getTime()));
cal.set(2015, Calendar.JUNE, 15, 0, 0, 0);

model.add(new TimelineEvent("Rio-Layout 1.0", cal.getTime()));
cal.set(2015, Calendar.SEPTEMBER, 4, 0, 0, 0);

model.add(new TimelineEvent("Adamantium-Layout 1.0",
cal.getTime()));
cal.set(2015, Calendar.DECEMBER, 14, 0, 0, 0);

model.add(new TimelineEvent("Titan-Layout 1.0",
cal.getTime()));
cal.set(2015, Calendar.OCTOBER, 12, 0, 0, 0);

model.add(new TimelineEvent("Volt-Layout 1.0",
cal.getTime()));
cal.set(2016, Calendar.JANUARY, 28, 0, 0, 0);

model.add(new TimelineEvent("Atlas-Layout 1.0",
cal.getTime()));
cal.set(2016, Calendar.FEBRUARY, 24, 0, 0, 0);

model.add(new TimelineEvent("PrimeUI 4.1.0", cal.getTime()));

model.add(new TimelineEvent("Primefaces 5.3.8",
cal.getTime()));

model.add(new TimelineEvent("PrimeNG 0.5", cal.getTime()));
}
public void onSelect(TimelineSelectEvent e) {

TimelineEvent timelineEvent = e.getTimelineEvent();
FacesMessage msg = new

FacesMessage(FacesMessage.SEVERITY_INFO, "Selected event:",
timelineEvent.getData().toString());
}
public TimelineModel getModel() {

return model;
}
public boolean isSelectable() {

return selectable;
}
public void setSelectable(boolean selectable) {

this.selectable = selectable;
}
public boolean isZoomable() {

return zoomable;
}
public void setZoomable(boolean zoomable) {

this.zoomable = zoomable;
}
public boolean isMoveable() {

return moveable;
}
public void setMoveable(boolean moveable) {

this.moveable = moveable;
}
public boolean isStackEvents() {

return stackEvents;
}
public void setStackEvents(boolean stackEvents) {

this.stackEvents = stackEvents;
}
public String getEventStyle() {

return eventStyle;
}
public void setEventStyle(String eventStyle) {

this.eventStyle = eventStyle;
}
public boolean isAxisOnTop() {

return axisOnTop;
}
public void setAxisOnTop(boolean axisOnTop) {

this.axisOnTop = axisOnTop;
}
public boolean isShowCurrentTime() {

return showCurrentTime;
}
public void setShowCurrentTime(boolean showCurrentTime) {

this.showCurrentTime = showCurrentTime;
}
public boolean isShowNavigation() {

return showNavigation;
}
public void setShowNavigation(boolean showNavigation) {

this.showNavigation = showNavigation;
}
}

12.- DataGrid
 Crear un archive JSF Managed Bean como se muestra en la siguiente imagen.
Y copiar el siguiente código
DataGridView.java
public class DataGridView implements Serializable {

@PostConstruct
}
return p;
}
}

}
Usar la clase persona del componente dataList.
Crear un archivo xhtml y copiar el código como se muestra en las

siguientes imágenes.
13.- DataView
Al tartar de usar el componente dataView me bota error como se muestra en al siguiente

imagen..
Al revisar los elementos que comienzan con d de primefaces no aparece dataView como se
muestra en la siguiente imagen.
14.- DataTable
Crear un archive JSF Managed Bean como se muestra en la siguiente imagen.
Y copier el siguiente código.

DataTable.java
public class DataTable implements Serializable {

@PostConstruct
}
return p;
}
}

}
}
Usar la clase Personas del componente DataList
 Crear un archivo xhtml y copiar el siguiente código.

15.- Picklist
Crear un archivo JSF Managed Bean con los datos de la siguiente imagen.
PickListView.java
import org.primefaces.event.TransferEvent;
import org.primefaces.event.UnselectEvent;
import org.primefaces.model.DualListModel;
public class PickListView {
private DualListModel<String> cities;
@PostConstruct
//Cities
List<String> citiesSource = new ArrayList<String>();
List<String> citiesTarget = new ArrayList<String>();
citiesSource.add("San Francisco");
citiesSource.add("London");
citiesSource.add("Paris");
citiesSource.add("Istanbul");
citiesSource.add("Berlin");
citiesSource.add("Barcelona");
citiesSource.add("Rome");
cities = new DualListModel<String>(citiesSource,

citiesTarget);
}
public DualListModel<String> getCities() {

return cities;
}
public void setCities(DualListModel<String> cities) {

this.cities = cities;
}
public void onTransfer(TransferEvent event) {

StringBuilder builder = new StringBuilder();
FacesMessage msg = new FacesMessage();

msg.setSeverity(FacesMessage.SEVERITY_INFO);
msg.setSummary("Items Transferred");
msg.setDetail(builder.toString());
}

}
public void onUnselect(UnselectEvent event) {

FacesMessage(FacesMessage.SEVERITY_INFO, "Item Unselected",
}
public void onReorder() {

FacesMessage(FacesMessage.SEVERITY_INFO, "List Reordered", null));
}
}

16.- Organigram
Solamente con la version 6.0.8 se puede usar este componente.

Pero la libreria primefaces es libre solo hasta la versión 6.0
Al copiar el codigo de la demo aparece error.

En la versión libre no existe esa librería.
17.- DataExporter
Crear un archive jsf managed bean con los datos de la siguiente imagen.
DataExporterView.java
public class DataExporterView implements Serializable {

@PostConstruct
}
return p;
}
}

}
Usar la clase persona del componente dataList.
Crear un archivo xhtml y copiar el código de las siguientes imágenes.

Ejecutar el archivo anterior para obtener el siguiente resultado.
18.- Repeat
Usar los archivos DataList.java y personas del componente dataList.
Crear un archivo XHTML y copiar el código de las siguientes imágenes.

Ejecutar el archivo anterior para obtener lo siguiente:
19.- Schedule
Crear un archive JSF Managed Bean y copiar lo que esta en la siguiente imagen.
ScheduleView.java
import java.util.Calendar;
import java.util.Date;
import javax.faces.event.ActionEvent;
import org.primefaces.event.ScheduleEntryMoveEvent;
import org.primefaces.event.ScheduleEntryResizeEvent;
import org.primefaces.model.DefaultScheduleEvent;
import org.primefaces.model.DefaultScheduleModel;
import org.primefaces.model.LazyScheduleModel;
import org.primefaces.model.ScheduleEvent;
import org.primefaces.model.ScheduleModel;
public class ScheduleView implements Serializable {
private ScheduleModel eventModel;
private ScheduleModel lazyEventModel;
private ScheduleEvent event = new DefaultScheduleEvent();
@PostConstruct
eventModel = new DefaultScheduleModel();
eventModel.addEvent(new DefaultScheduleEvent("Champions League
Match", previousDay8Pm(), previousDay11Pm()));
eventModel.addEvent(new DefaultScheduleEvent("Birthday Party",
today1Pm(), today6Pm()));
eventModel.addEvent(new DefaultScheduleEvent("Breakfast at
Tiffanys", nextDay9Am(), nextDay11Am()));
eventModel.addEvent(new DefaultScheduleEvent("Plant the new
garden stuff", theDayAfter3Pm(), fourDaysLater3pm()));
lazyEventModel = new LazyScheduleModel() {
@Override
public void loadEvents(Date start, Date end) {
Date random = getRandomDate(start);
addEvent(new DefaultScheduleEvent("Lazy Event 1",
random, random));
random = getRandomDate(start);
addEvent(new DefaultScheduleEvent("Lazy Event 2",
random, random));
}
};
}
public Date getRandomDate(Date base) {

Calendar date = Calendar.getInstance();
date.setTime(base);
date.add(Calendar.DATE, ((int) (Math.random()*30)) + 1);
//set random day of month
return date.getTime();
}
public Date getInitialDate() {

Calendar calendar = Calendar.getInstance();
calendar.set(calendar.get(Calendar.YEAR), Calendar.FEBRUARY,
calendar.get(Calendar.DATE), 0, 0, 0);
return calendar.getTime();
}
public ScheduleModel getEventModel() {

return eventModel;
}
public ScheduleModel getLazyEventModel() {

return lazyEventModel;
}
private Calendar today() {

Calendar calendar = Calendar.getInstance();
calendar.set(calendar.get(Calendar.YEAR),
calendar.get(Calendar.MONTH), calendar.get(Calendar.DATE), 0, 0, 0);
return calendar;
}
private Date previousDay8Pm() {

Calendar t = (Calendar) today().clone();
t.set(Calendar.AM_PM, Calendar.PM);
t.set(Calendar.DATE, t.get(Calendar.DATE) - 1);
t.set(Calendar.HOUR, 8);
return t.getTime();
}
private Date previousDay11Pm() {

t.set(Calendar.DATE, t.get(Calendar.DATE) - 1);
return t.getTime();
}
private Date today1Pm() {

return t.getTime();
}
private Date theDayAfter3Pm() {

t.set(Calendar.DATE, t.get(Calendar.DATE) + 2);
return t.getTime();
}
private Date today6Pm() {

return t.getTime();
}
private Date nextDay9Am() {

t.set(Calendar.AM_PM, Calendar.AM);
return t.getTime();
}
private Date nextDay11Am() {

t.set(Calendar.AM_PM, Calendar.AM);
return t.getTime();
}
private Date fourDaysLater3pm() {

return t.getTime();
}
public ScheduleEvent getEvent() {

return event;
}
public void setEvent(ScheduleEvent event) {

this.event = event;
}
public void addEvent(ActionEvent actionEvent) {

if(event.getId() == null)
eventModel.addEvent(event);
else
eventModel.updateEvent(event);
event = new DefaultScheduleEvent();

}
public void onEventSelect(SelectEvent selectEvent) {

event = (ScheduleEvent) selectEvent.getObject();
}
public void onDateSelect(SelectEvent selectEvent) {

event = new DefaultScheduleEvent("", (Date)
selectEvent.getObject(), (Date) selectEvent.getObject());
}
public void onEventMove(ScheduleEntryMoveEvent event) {

FacesMessage message = new
FacesMessage(FacesMessage.SEVERITY_INFO, "Event moved", "Day delta:" +
event.getDayDelta() + ", Minute delta:" + event.getMinuteDelta());
addMessage(message);
}
public void onEventResize(ScheduleEntryResizeEvent event) {

FacesMessage message = new
FacesMessage(FacesMessage.SEVERITY_INFO, "Event resized", "Day delta:"
+ event.getDayDelta() + ", Minute delta:" + event.getMinuteDelta());
addMessage(message);
}
private void addMessage(FacesMessage message) {

FacesContext.getCurrentInstance().addMessage(null, message);
}
}
Crear un archivo xhtml y copiar el código de las siguientes imágenes.

20.- Tree
Crear un archivo JSF Managed Bean con la información de la siguiente imagen.
Basico.java
public class Basico implements Serializable {
@PostConstruct
root = new DefaultTreeNode("Root", null);
TreeNode node0 = new DefaultTreeNode("Node 0", root);
TreeNode node00 = new DefaultTreeNode("Node 0.0", node0);

node1.getChildren().add(new DefaultTreeNode("Node 1.1"));

node00.getChildren().add(new DefaultTreeNode("Node 0.0.0"));
root.getChildren().add(new DefaultTreeNode("Node 2"));
}

return root;
}
}
Ejecutar el archivo anterior para obtener el siguiente resultado

21.- HorizontalTree
Crear un archivo JSF Managed Bean con los datos de la siguiente imagen.
BasicHorizontalTree.java
public class BasicHorizontalTree implements Serializable {
@PostConstruct
root = new DefaultTreeNode("Root", null);

node1.getChildren().add(new DefaultTreeNode("Node 1.1"));

root.getChildren().add(new DefaultTreeNode("Node 2"));
}

return root;
}
}

Mapeo a base de datos con Hibernate
1. Archivos creados para el mapeo de hibernate y de la base de datos en sql server.
Este archivo cuenta con cada una de las propiedades de configuración para que el
hibernate se conecte a la base de datos y mapee los archivos mediante las clases hbm.
La clase empresas se mapeará con cada uno de sus atributos para la tabla Empresas la
cual se encuentra en el gestor de base de datos, mediante un archivo llamado del
mismo nombre en formato hbm y xml.
Este archivo contiene cada uno de los atributos de clase y su tipo este se encargará de
conectar la clase con la base de datos de manera que servirá como puente y además
como mapa para obtener los resultados.
Este paso se realziara con las demas clases igual.

Trabajo de Beans

Caricato da

Informazioni sul documento

Descrizione originale:

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Trabajo de Beans

Caricato da

Copyright:

Formati disponibili

UNIVERSIDAD CATÓLICA DE SANTA MARÍA

FACULTAD DE CIENCIAS E INGENIERAS FÍSICAS Y FORMALES

Seminario Jornada de especialidad II

Estos componentes se usan para visualizar la información.

 Se copia el siguiente código:

public class CarouselView implements Serializable {

private List<Personas> p = new ArrayList<Personas>();

public void setPersonaSeleccionada(Personas personaSeleccionada) {

public class Personas {

public Personas(String name, String sexo, int edad) {

public Personas(String name, int edad) {

public void setSexo(String sexo) {

public String getName() {

public void setName(String name) {

public int getEdad() {

public void setEdad(int edad) {

 Crear archivo carousel.xhtml y copiar el código de las siguientes imágenes.

headerText Titulo de la lista a mostrar.

 Crear un archivo java con el nombre Persona y copiar el siguiente código

public class Personas {

public Personas(String name, String sexo, int edad) {

public Personas(String name, int edad) {

public String getSexo() {

public void setSexo(String sexo) {

public String getName() {

public int getEdad() {

public void setEdad(int edad) {

 Crear un archivo java con el nombre DataListView y copiar el siguiente código.

public class DataListView implements Serializable {

private List<Personas> p = new ArrayList<Personas>();

public void setPersonaSeleccionada(Personas personaSeleccionada) {

 Agregar el código de la siguiente imagen en el archivo faces-config.xml.

Var Sirve para iterar a través de la lista.

 Crear un JSF Managed Bean como se muestra en la siguiente figura.

private List<Personas> p = new ArrayList<Personas>();

Ejecutar con Alf F6 para obtener el resultado de la siguiente imagen:

Y esta lista contiene la siguiente información:

Var Sirve para iterar a través de la lista.

private DefaultDiagramModel model;

Element elementA = new Element("A", "20em", "6em");

Element elementB = new Element("B", "10em", "18em");

Element elementC = new Element("C", "40em", "18em");

public DiagramModel getModel() {

 Crear un archivo xhtml y copiar el código de la siguiente

 Ejecutar el XHTML con shift F6 para obtener el siguiente resultado:

Propiedades del componente diagram

 Crear un JSF Managed Bean con los datos de la siguiente imagen.

Y copiar el siguiente código:

public class OrderListView {

public List<String> getCities() {

public void onSelect(SelectEvent event) {

public void onUnselect(UnselectEvent event) {

public void onReorder() {

Se craun archivo xhtml

Y se copia el código de la siguiente imagen:

Y ejecutar el archivo para obtener el siguiente reso.

private MindmapNode root;

private MindmapNode selectedNode;

MindmapNode ips = new DefaultMindmapNode("IPs", "IP Numbers",

public MindmapNode getRoot() {

public MindmapNode getSelectedNode() {

public void onNodeSelect(SelectEvent event) {