SiteMesh

SITEMESH OPENSYMPHONY “ The best Open Source component you’ve never heard of…” Written for The ServerSide Java Symposium - Las Vegas, USA - May 6-8

Who am I? ,[object Object],[object Object],[object Object],CONFLUENCE Thought sharing for your team. JIRA Tracking knowledge projects. ,[object Object],[object Object],[object Object],[object Object]

Agenda ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

THE PROBLEM WEB-APP DECORATION

Your form looks like this… ,[object Object],[object Object],[object Object]

Your boss wants it to look like… ,[object Object],[object Object],[object Object]

The Decoration Problem ,[object Object],[object Object],[object Object],[object Object],[object Object]

Decoration Example Header Navigation Information Downloads Login News Search

Decoration Examples ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Solutions ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

SiteMesh is… ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Where does it fit? ,[object Object],[object Object],[object Object],[object Object],Web Container 1. Incoming request Web App 2. Generate decorated page (Servlet, JSP, Perl, PHP, HTML etc) 3. Return result Browser

Where does it fit? ,[object Object],Web Container Web App 2. Generate page (Servlet, JSP, Perl, PHP, HTML etc) 1. Incoming request 5. Return result SiteMesh Filter 3. Get Decorator 4. Decorate page Browser

Simple Example ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Installation ,[object Object],[object Object],[object Object],<filter> <filter-name> sitemesh </filter-name> <filter-class> com...sitemesh...PageFilter </filter-class> </filter> <filter-mapping> <filter-name> sitemesh </filter-name> <url-pattern> /* </url-pattern> </filter-mapping>

Write Simple Page <html> <head> <title> About JavaBlogs </title> <meta name=" section " content=" About "> </head> <body bgcolor=" #ffffff "> JavaBlogs <b>aggregates</b> the blogs of Java bloggers. </body> </html>

Write simple decorator <%@ taglib uri= "sitemesh-decorator" prefix="dec" %> <html><head> <title>java.blogs - <dec:title /> </title> <link rel="stylesheet" href="/styles/site.css"> </head> <body bgcolor=" <dec:getProperty property="body.bgcolor" /> "> <h2> <dec:title /> </h2> <dec:isPropertySet name="meta.section"> <p><b>Section:</b> <dec:getProperty property="meta.section"> </p> </dec:isPropertySet> <div class="panel"> <dec:body /> </div> </body></html> MyDecorator.jsp

Map decorator ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

The Result <html><head> <title>java.blogs - About JavaBlogs </title> <link rel="stylesheet" href="/styles/site.css"> </head> <body bgcolor=" #ffffff "> <h2> About JavaBlogs </h2> <p><b>Section:</b> About </p> <div class="panel"> JavaBlogs <b>aggregates</b> the blogs of Java bloggers. </div> </body></html>

4 ways to think about SiteMesh ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

SiteMesh is… clean. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

SiteMesh is… friendly! ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

What is a decorator? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Usage By Large App ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

How it works… Result (HTML) 1. 4. Content (HTML fragment) Content Source (JSP, Perl, PHP, HTML etc) Field Map 2. SiteMesh Presentation (Decorator - JSP) Decorator Mappers 3. ,[object Object],[object Object],[object Object],[object Object]

1. Server renders HTML ,[object Object],[object Object],<html> <head> <title> About JavaBlogs </title> <meta name=" section " content=" About "> </head> <body bgcolor=" #ffffff "> JavaBlogs <b>aggregates</b> the blogs of Java bloggers. </body> </html>

2. SiteMesh parses HTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],#ffffff body.bgcolor JavaBlogs <b>aggregates</b> the blogs of Java blogges body About meta.section About JavaBlogs title Value Key

3. SiteMesh selects decorator ,[object Object],[object Object],<%@ taglib uri= "sitemesh-decorator" prefix= ”dec" %> <html><head> <title>java.blogs - <dec:title /> </title> </head> <body bgcolor=" <dec:getProperty property= ”body.bgcolor" /> "> <h2 class= "pagetitle"> <dec:title /> </h2> <dec:isPropertySet name=“meta.section”> <p><b>Section:</b> <dec:getProperty property=“meta.section”> </p> </dec:isPropertySet> <div style=”border: 1px #000 solid; padding: 4px;"> <dec:body /> </div> </body></html>

4. Merge content & decorator ,[object Object],[object Object],<html><head> <title>java.blogs - About JavaBlogs </title> </head> <body bgcolor=" #ffffff "> <h2 class= "pagetitle"> About JavaBlogs </h2> <p><b>Section:</b> About </p> <div style="border: 1px #000 solid; padding: 4px;"> JavaBlogs <b>aggregates</b> the blogs of Java bloggers. </div> </body></html>

How is the decorator chosen? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Packaged Mappers SiteMesh Page Frameset Printable Language Client OS Config User Agent Parameter Robot — Uses page specified meta tag — Handles framed sites — For making printable versions — Select based on user language — Choose based on client operating system — Handles different browser types — Serve web robots specific decorators — Select based on specific request parameters — DEFAULT: Config file and URL patterns…

ConfigDecoratorMapper ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Inline decorators ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Example Inline decorator ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],MyPanelDecorator.jsp

Inline Decorator Usage ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Inline Components ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

jiraform.jsp ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

JIRA form decorator ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],jiraform.jsp

JIRA form usage ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Content Blocks ,[object Object],[object Object],[object Object],[object Object],[object Object]

Content Block Example ,[object Object],[object Object],<body> ... <content tag="breadcrumbs"> <a href="/dashboard.action">Dashboard</a> > <a href="/admin/console.action">Administration</a> > $action.getText("action.name") </content> ... mypage.vm

Content Block Decorator ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],mydecorator.vmd ,[object Object]

Tips & Tricks ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

More Info / Q&A ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

SiteMesh

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Similar a SiteMesh

Similar a SiteMesh (20)

Último

Último (20)

SiteMesh