{"id":661,"date":"2010-03-25T23:39:34","date_gmt":"2010-03-26T02:39:34","guid":{"rendered":"https:\/\/devkico.itexto.com.br\/?p=661"},"modified":"2010-03-25T23:39:34","modified_gmt":"2010-03-26T02:39:34","slug":"grails-entendendo-o-sitemesh","status":"publish","type":"post","link":"https:\/\/devkico.itexto.com.br\/?p=661","title":{"rendered":"Grails: entendendo o SiteMesh"},"content":{"rendered":"

\"\"<\/a>Ao aprender Grails um dos componentes que mais me confundiu foi o SiteMesh. Intuitivamente eu sabia o que estava acontecendo, mas toda vez que buscava escrever a respeito acabava me enrolando.<\/p>\n

\"\"<\/a>E acredite: voc\u00ea s\u00f3 conhece de fato algo se consegue descrev\u00ea-lo em palavras, por escrito<\/strong>. Trabalhando na \u00faltima parte da minha s\u00e9rie “Grails: do Groovy \u00e0 Web” que est\u00e1 sendo publicada na Java Magazine tive a certeza de finalmente compreender de fato o que \u00e9 o SiteMesh e como funciona. E a raz\u00e3o pela qual tinha tanta dificuldade \u00e9 simples: estava viciado no Tiles.<\/p>\n

Enquanto o Tiles \u00e9 baseado no padr\u00e3o composi\u00e7\u00e3o (composite), o SiteMesh \u00e9 baseado no padr\u00e3o decorador (decorator).\u00a0 A diferen\u00e7a entre os dois\u00a0 \u00e9: no composite temos um layout central que cont\u00e9m uma s\u00e9rie de espa\u00e7os a serem preenchidos por\u00a0 templates.<\/p>\n

J\u00e1 o padr\u00e3o decorator possui um layout central que tamb\u00e9m possui espa\u00e7os a serem preenchidos: a diferen\u00e7a \u00e9 que apenas os elementos ausentes ser\u00e3o preenchidos. Eu n\u00e3o preciso adicionar todos os componentes tal como estava acostumado na \u00e9poca do Struts 1\/Tiles.<\/p>\n

Bla bla bla demais, \u00e9 hora de irmos \u00e0 pr\u00e1tica. No Grails, todos os layouts do SiteMesh ficam armazenados no diret\u00f3rio grails-app\/views\/layouts<\/em>. Por padr\u00e3o j\u00e1 h\u00e1 um layout pr\u00e9-definido, cujo nome \u00e9 main.gsp<\/em> armazenado neste diret\u00f3rio. \u00c9 importante lembrar que se trata de um arquivo GSP convencional, cujo c\u00f3digo exponho abaixo:<\/p>\n

<html>
\n <head>
\n <title><strong><g:layoutTitle default="Grails" \/><\/strong><\/title>
\n <link rel="stylesheet" href="${resource(dir:’css’,file:’main.css’)}" \/>
\n <link rel="shortcut icon" href="${resource(dir:’images’,file:’favicon.ico’)}" type="image\/x-icon" \/>
\n <strong><g:layoutHead \/><\/strong>
\n <g:javascript library="application" \/>
\n <\/head>
\n <body>
\n <div id="spinner" style="display:none;">
\n <img src="${resource(dir:’images’,file:’spinner.gif’)}" alt="Spinner" \/>
\n <\/div>
\n <div id="grailsLogo"><a href="http:\/\/grails.org"><img src="${resource(dir:’images’,file:’grails_logo.png’)}" alt="Grails" border="0" \/><\/a><\/div>
\n <strong><g:layoutBody \/><\/strong>
\n <\/body>
\n<\/html><\/p>\n

A \u00fanica diferen\u00e7a entre o arquvo GSP e uma view convencional \u00e9 a presen\u00e7a de tr\u00eas tags: g:layoutTitle, g:layoutHead, g:layoutBody<\/strong>. Falarei delas logo a seguir, por\u00e9m antes de continuar, vou expor a view mais idiota poss\u00edvel: algo que n\u00e3o exponha basicamente nada, e cujo c\u00f3digo fonte \u00e9 o seguinte:<\/p>\n

\r\n\r\n<html>\r\n <head>\r\n <meta name="layout" content="main"\/>\r\n <\/head>\r\n <body>\r\n\r\n <\/body>\r\n<\/html>\r\n\r\n<\/pre>\n
Colocando a aplica\u00e7\u00e3o para executar, e acessando-a, no entanto, \u00e9 renderizado algo inicialmente inexperado:<\/p>\n
\"\"<\/a><\/p>\n
De onde saiu este logotipo do Grails? Do layout main<\/em> que defini anteriormente. No caso, eu instrui o Grails a usar o SiteMesh ao inserir a seguinte tag na minha view:<\/p>\n
\r\n\r\n<meta name="layout" content="main"\/>\r\n\r\n<\/pre>\n
Esta tag basicamente diz: “aplique o layout definido no arquivo grails-app\/views\/layouts\/main.gsp a esta view”. E aqui entra a jusitificativa do mesh<\/strong> no nome SiteMesh: ao inv\u00e9s de incluir o conte\u00fado de um arquivo em outro, o que \u00e9 feito na realidade \u00e9 a fus\u00e3o do conte\u00fado da view no corpo do layout!<\/p>\n
Isto fica claro com a descri\u00e7\u00e3o das 3 tags que descrevi acima (consulte a primeira listagem para que fique claro):<\/p>\n
g:layoutTitle<\/strong> – define qual ser\u00e1 o conte\u00fado da tag title<\/strong> embutido na tag head<\/strong>. Repare qeu esta tag possui um atributo chamado “default”. Caso na view a tag title j\u00e1 esteja preenchida, ser\u00e1 incluido no arquivo HTML final o conte\u00fado da tag title<\/strong> da view. Caso contr\u00e1rio, o conte\u00fado ser\u00e1 aquele especificado no par\u00e2metro default<\/em><\/p>\n
g:layoutHead<\/strong> – o conte\u00fado da tag <head> da view ser\u00e1 inserido no local do layout aonde a tag g:layoutHead se encontra.<\/p>\n
g:layoutBody<\/strong> – o conte\u00fado da tag <body> da view ser\u00e1 inserido no local do layout aonde a tag se encontra.<\/p>\n
Resumindo: no SiteMesh n\u00e3o temos inclus\u00e3o, mas sim fus\u00e3o.<\/h2>\n
Espero que com esta descri\u00e7\u00e3o o recurso fique t\u00e3o claro para voc\u00eas quanto pra mim.<\/p>\n
Grande abra\u00e7o e at\u00e9 a pr\u00f3xima!<\/p>\n","protected":false},"excerpt":{"rendered":"
Ao aprender Grails um dos componentes que mais me confundiu foi o SiteMesh. Intuitivamente eu sabia o que estava acontecendo, mas toda vez que buscava escrever a respeito acabava me enrolando. E acredite: voc\u00ea s\u00f3 conhece de fato algo se consegue descrev\u00ea-lo em palavras, por escrito. Trabalhando na \u00faltima parte da minha s\u00e9rie “Grails: do […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3,30,1],"tags":[],"class_list":["post-661","post","type-post","status-publish","format-standard","hentry","category-grails","category-grails-guia-rapido-e-indireto","category-uncategorized"],"yoast_head":"\nGrails: entendendo o SiteMesh - \/dev\/Kico<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/devkico.itexto.com.br\/?p=661\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Grails: entendendo o SiteMesh - \/dev\/Kico\" \/>\n<meta property=\"og:description\" content=\"Ao aprender Grails um dos componentes que mais me confundiu foi o SiteMesh. Intuitivamente eu sabia o que estava acontecendo, mas toda vez que buscava escrever a respeito acabava me enrolando. E acredite: voc\u00ea s\u00f3 conhece de fato algo se consegue descrev\u00ea-lo em palavras, por escrito. Trabalhando na \u00faltima parte da minha s\u00e9rie “Grails: do […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/devkico.itexto.com.br\/?p=661\" \/>\n<meta property=\"og:site_name\" content=\"\/dev\/Kico\" \/>\n<meta property=\"article:published_time\" content=\"2010-03-26T02:39:34+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.itexto.net\/devkico\/wp-content\/uploads\/2010\/02\/grails_logo.png\" \/>\n<meta name=\"author\" content=\"Kico (Henrique Lobo Weissmann)\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@loboweissmann\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kico (Henrique Lobo Weissmann)\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/devkico.itexto.com.br\/?p=661\",\"url\":\"https:\/\/devkico.itexto.com.br\/?p=661\",\"name\":\"Grails: entendendo o SiteMesh - \/dev\/Kico\",\"isPartOf\":{\"@id\":\"https:\/\/devkico.itexto.com.br\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/devkico.itexto.com.br\/?p=661#primaryimage\"},\"image\":{\"@id\":\"https:\/\/devkico.itexto.com.br\/?p=661#primaryimage\"},\"thumbnailUrl\":\"https:\/\/devkico.itexto.com.br\/wp-content\/uploads\/2010\/02\/grails_logo.png\",\"datePublished\":\"2010-03-26T02:39:34+00:00\",\"dateModified\":\"2010-03-26T02:39:34+00:00\",\"author\":{\"@id\":\"https:\/\/devkico.itexto.com.br\/#\/schema\/person\/502ab8892631bb005d6da2269fe5a3a7\"},\"breadcrumb\":{\"@id\":\"https:\/\/devkico.itexto.com.br\/?p=661#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/devkico.itexto.com.br\/?p=661\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/devkico.itexto.com.br\/?p=661#primaryimage\",\"url\":\"https:\/\/devkico.itexto.com.br\/wp-content\/uploads\/2010\/02\/grails_logo.png\",\"contentUrl\":\"https:\/\/devkico.itexto.com.br\/wp-content\/uploads\/2010\/02\/grails_logo.png\",\"width\":\"163\",\"height\":\"43\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/devkico.itexto.com.br\/?p=661#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/devkico.itexto.com.br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Grails: entendendo o SiteMesh\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/devkico.itexto.com.br\/#website\",\"url\":\"https:\/\/devkico.itexto.com.br\/\",\"name\":\"\/dev\/Kico\",\"description\":\"Desenvolvendo software\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/devkico.itexto.com.br\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/devkico.itexto.com.br\/#\/schema\/person\/502ab8892631bb005d6da2269fe5a3a7\",\"name\":\"Kico (Henrique Lobo Weissmann)\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/devkico.itexto.com.br\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/dd6973d86a689bc63122b2e603f25be3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/dd6973d86a689bc63122b2e603f25be3?s=96&d=mm&r=g\",\"caption\":\"Kico (Henrique Lobo Weissmann)\"},\"sameAs\":[\"https:\/\/x.com\/loboweissmann\"],\"url\":\"https:\/\/devkico.itexto.com.br\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Grails: entendendo o SiteMesh - \/dev\/Kico","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/devkico.itexto.com.br\/?p=661","og_locale":"pt_BR","og_type":"article","og_title":"Grails: entendendo o SiteMesh - \/dev\/Kico","og_description":"Ao aprender Grails um dos componentes que mais me confundiu foi o SiteMesh. Intuitivamente eu sabia o que estava acontecendo, mas toda vez que buscava escrever a respeito acabava me enrolando. E acredite: voc\u00ea s\u00f3 conhece de fato algo se consegue descrev\u00ea-lo em palavras, por escrito. Trabalhando na \u00faltima parte da minha s\u00e9rie “Grails: do […]","og_url":"https:\/\/devkico.itexto.com.br\/?p=661","og_site_name":"\/dev\/Kico","article_published_time":"2010-03-26T02:39:34+00:00","og_image":[{"url":"http:\/\/www.itexto.net\/devkico\/wp-content\/uploads\/2010\/02\/grails_logo.png"}],"author":"Kico (Henrique Lobo Weissmann)","twitter_card":"summary_large_image","twitter_creator":"@loboweissmann","twitter_misc":{"Escrito por":"Kico (Henrique Lobo Weissmann)","Est. tempo de leitura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/devkico.itexto.com.br\/?p=661","url":"https:\/\/devkico.itexto.com.br\/?p=661","name":"Grails: entendendo o SiteMesh - \/dev\/Kico","isPartOf":{"@id":"https:\/\/devkico.itexto.com.br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/devkico.itexto.com.br\/?p=661#primaryimage"},"image":{"@id":"https:\/\/devkico.itexto.com.br\/?p=661#primaryimage"},"thumbnailUrl":"https:\/\/devkico.itexto.com.br\/wp-content\/uploads\/2010\/02\/grails_logo.png","datePublished":"2010-03-26T02:39:34+00:00","dateModified":"2010-03-26T02:39:34+00:00","author":{"@id":"https:\/\/devkico.itexto.com.br\/#\/schema\/person\/502ab8892631bb005d6da2269fe5a3a7"},"breadcrumb":{"@id":"https:\/\/devkico.itexto.com.br\/?p=661#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/devkico.itexto.com.br\/?p=661"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/devkico.itexto.com.br\/?p=661#primaryimage","url":"https:\/\/devkico.itexto.com.br\/wp-content\/uploads\/2010\/02\/grails_logo.png","contentUrl":"https:\/\/devkico.itexto.com.br\/wp-content\/uploads\/2010\/02\/grails_logo.png","width":"163","height":"43"},{"@type":"BreadcrumbList","@id":"https:\/\/devkico.itexto.com.br\/?p=661#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/devkico.itexto.com.br\/"},{"@type":"ListItem","position":2,"name":"Grails: entendendo o SiteMesh"}]},{"@type":"WebSite","@id":"https:\/\/devkico.itexto.com.br\/#website","url":"https:\/\/devkico.itexto.com.br\/","name":"\/dev\/Kico","description":"Desenvolvendo software","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/devkico.itexto.com.br\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/devkico.itexto.com.br\/#\/schema\/person\/502ab8892631bb005d6da2269fe5a3a7","name":"Kico (Henrique Lobo Weissmann)","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/devkico.itexto.com.br\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/dd6973d86a689bc63122b2e603f25be3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/dd6973d86a689bc63122b2e603f25be3?s=96&d=mm&r=g","caption":"Kico (Henrique Lobo Weissmann)"},"sameAs":["https:\/\/x.com\/loboweissmann"],"url":"https:\/\/devkico.itexto.com.br\/?author=1"}]}},"jetpack_featured_media_url":"","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=\/wp\/v2\/posts\/661"}],"collection":[{"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=661"}],"version-history":[{"count":6,"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=\/wp\/v2\/posts\/661\/revisions"}],"predecessor-version":[{"id":669,"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=\/wp\/v2\/posts\/661\/revisions\/669"}],"wp:attachment":[{"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=661"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=661"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}