Your SlideShare is downloading. ×
0
Desarrollo de portlets JSF con
Liferay Faces
Juan González del Pino
Sofware Engineer – OCMJEA 6, Liferay
Contenido
• Java Server Faces
●
Historia
●

Cómo funciona

●

Ventajas

• Liferay Faces
●
Historia
●

Características

• D...
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...
JSF – Cómo funciona
●

Varias implementaciones:
●

Mojarra

●

MyFaces

●

Basado en componentes (UI)

●

La vista se gene...
JSF – Cómo funciona - Fases
JSF - Ventajas
●

Estándar

●

Basado en componentes:
●

●

Reutilización (loose coupling)

●

Cohexistencia de distintos ...
JSF – Componentes
Liferay Faces - Historia
●

●

●

Comenzado como proyecto Portletfaces (Mimacom
y Triton)
2012: se contribuye el proyecto ...
Liferay Faces - Características
●

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

●

Soporte CDI

●

Componentes:
●

...
Liferay Faces – Demo
●

Crear a partir de arquetipo maven:
●

●

liferay-portlet-primefaces-archetype

●

liferay-portlet-...
Liferay Faces - Demo
●

Atención a:
●

Look & Feel

●

XHTML vs JSP y Scriptlets

●

●

Unión entre vista y backend median...
Liferay Faces – Demo
→

→

¿Javascript y CSS?
Más información en:
http://www.liferay.com/community/liferay-projects/liferay-faces

¡GRACIAS!
¿PREGUNTAS?
juan.gonzalez@l...
Upcoming SlideShare
Loading in...5
×

Desarrollo de portlets JSF con Liferay Faces

617

Published on

Desarrollo de portlets JSF con Liferay Faces. Charla dentro del Liferay Spanish Symposium 2013

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
617
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
8
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Desarrollo de portlets JSF con Liferay Faces"

  1. 1. Desarrollo de portlets JSF con Liferay Faces Juan González del Pino Sofware Engineer – OCMJEA 6, Liferay
  2. 2. Contenido • Java Server Faces ● Historia ● Cómo funciona ● Ventajas • Liferay Faces ● Historia ● Características • Demo Liferay Faces
  3. 3. 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) → 2009 ● ● ● Corrige gran parte de las carencias de la versión anterior Bookmarkable URL, composite components... JSF 2.2 (JSR-344) → 2013 ● Faces Flows, Stateless views, HTML5 passthrough...
  4. 4. JSF – Cómo funciona ● Varias implementaciones: ● Mojarra ● MyFaces ● Basado en componentes (UI) ● La vista se genera y procesa en servidor ● ● Gran parte de las tareas están automatizadas (formulario, validación, recursos y dependencia) CDI (JSR-299) ● ● ● Context and Dependency Injection @Inject private SessionBean sessionBean Fases de una petición JSF
  5. 5. JSF – Cómo funciona - Fases
  6. 6. JSF - Ventajas ● Estándar ● Basado en componentes: ● ● Reutilización (loose coupling) ● Cohexistencia de distintos proveedores (< vendor lock-in) ● ● Separación de tareas UI ↔ backend (vs JSP y scriptlets) UI personalizado por cada dispositivo La vista se genera en el servidor: ● ● Seguridad (form spoofing) Tareas automatizadas, CDI: ● Productividad
  7. 7. JSF – Componentes
  8. 8. 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
  9. 9. Liferay Faces - Características ● Puente (Bridge) entre ciclo de vida Portlet y JSF. ● Soporte CDI ● Componentes: ● Liferay (<liferay-ui:captcha/>..) ● AUI ● Más componentes próximamente ● JSF + Liferay: permisos, service builder... ● Utilidades disponibles: ● LiferayFacesContext.getInstance().getThemeDisplay() ● #{liferayFacesContext.themeDisplay}
  10. 10. Liferay Faces – Demo ● Crear a partir de arquetipo maven: ● ● liferay-portlet-primefaces-archetype ● liferay-portlet-icefaces-archetype ● liferay-portlet-richfaces-archetype ● ● liferay-portlet-jsf-archetype liferay-portlet-liferay-faces-alloy-archetype Crear a partir de Liferay IDE ● Soporte Apache Ivy (dependencias)
  11. 11. Liferay Faces - Demo ● Atención a: ● Look & Feel ● XHTML vs JSP y Scriptlets ● ● Unión entre vista y backend mediante Expression Language Facilidad para añadir componentes/funcionalidades (AJAX) ● Ausencia de javascript/css ● “Separation of concerns” (SoC)
  12. 12. Liferay Faces – Demo → → ¿Javascript y CSS?
  13. 13. Más información en: http://www.liferay.com/community/liferay-projects/liferay-faces ¡GRACIAS! ¿PREGUNTAS? juan.gonzalez@liferay.com @gonpinju
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×