Desarrollo de portlets JSF con Liferay Faces

Embed Size (px)

Citation preview

Desarrollo de portlets JSF con Liferay Faces

Juan Gonzlez del PinoSofware Engineer OCMJEA 6, Liferay

Java Server FacesHistoria

Cmo funciona

Ventajas

Liferay FacesHistoria

Caractersticas

Demo Liferay Faces

Contenido

JSF - Historia

JSF 1.0 (JSR 127) Marzo 2004

JSF 1.1 Mayo 2004

JSF 1.2 (JSR-252) 2006

JSF 2.0 (JSR-314) 2009Corrige gran parte de las carencias de la versin anterior

Bookmarkable URL, composite components...

JSF 2.2 (JSR-344) 2013Faces Flows, Stateless views, HTML5 passthrough...

JSF Cmo funciona

Varias implementaciones:Mojarra

MyFaces

Basado en componentes (UI)

La vista se genera y procesa en servidor

Gran parte de las tareas estn automatizadas (formulario, validacin, recursos y dependencia)

CDI (JSR-299)Context and Dependency Injection

@Inject private SessionBean sessionBean

Fases de una peticin JSF

JSF Cmo funciona - Fases

JSF - Ventajas

Estndar

Basado en componentes:Separacin de tareas UI backend (vs JSP y scriptlets)

Reutilizacin (loose coupling)

Cohexistencia de distintos proveedores (< vendor lock-in)

UI personalizado por cada dispositivo

La vista se genera en el servidor:Seguridad (form spoofing)

Tareas automatizadas, CDI:Productividad

JSF Componentes

Liferay Faces - Historia

Comenzado como proyecto Portletfaces (Mimacom y Triton)

2012: se contribuye el proyecto a Liferay Liferay Faces (Neil Griffin).

Agosto 2012: 2.x (JSF 1.2)

3.x (JSF 2.1).

Actualidad: 2.1.4

3.1.4

4.x Compatibilidad con JSF 2.2

Liferay Faces - Caractersticas

Puente (Bridge) entre ciclo de vida Portlet y JSF.

Soporte CDI

Componentes:Liferay (..)

AUI

Ms componentes prximamente

JSF + Liferay: permisos, service builder...

Utilidades disponibles:LiferayFacesContext.getInstance().getThemeDisplay()

#{liferayFacesContext.themeDisplay}

Liferay Faces Demo

Crear a partir de arquetipo maven:liferay-portlet-jsf-archetype

liferay-portlet-primefaces-archetype

liferay-portlet-icefaces-archetype

liferay-portlet-richfaces-archetype

liferay-portlet-liferay-faces-alloy-archetype

Crear a partir de Liferay IDESoporte Apache Ivy (dependencias)

Liferay Faces - Demo

Atencin a:Look & Feel

XHTML vs JSP y Scriptlets

Unin entre vista y backend mediante Expression Language

Facilidad para aadir componentes/funcionalidades (AJAX)

Ausencia de javascript/css

Separation of concerns (SoC)

Liferay Faces Demo

Javascript y CSS?

Ms informacin en:http://www.liferay.com/community/liferay-projects/liferay-faces

GRACIAS!PREGUNTAS?

[email protected]@gonpinju

Ms informacin en:http://www.liferay.com/community/liferay-projects/liferay-faces

GRACIAS!PREGUNTAS?

[email protected]@gonpinju

Click to edit the title text formatClick to edit Master title style

Click to edit the outline text formatSecond Outline LevelThird Outline LevelFourth Outline LevelFifth Outline LevelSixth Outline LevelSeventh Outline LevelEighth Outline Level

Ninth Outline LevelClick to edit Master text stylesSecond levelThird level