Tiles eingeführt
authorKai Moritz <kai@juplo.de>
Sun, 4 Aug 2013 23:44:18 +0000 (01:44 +0200)
committerKai Moritz <km@feder-software.de>
Tue, 25 Feb 2014 08:01:54 +0000 (09:01 +0100)
pom.xml
src/main/webapp/WEB-INF/templates/html5page.jsp [new file with mode: 0644]
src/main/webapp/WEB-INF/tiles.xml [new file with mode: 0644]
src/main/webapp/WEB-INF/web.xml
src/main/webapp/index.jsp

diff --git a/pom.xml b/pom.xml
index b18c330..3eaaa8f 100644 (file)
--- a/pom.xml
+++ b/pom.xml
 
     <!-- Zeichensatz -->
     <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
+
+    <!-- Verwendete Versionen -->
+    <slf4j.version>1.5.8</slf4j.version>
+    <tiles.version>3.0.1</tiles.version>
+
   </properties>
 
 
   <dependencies>
+
+    <!-- Tiles -->
+    <dependency>
+      <groupId>org.apache.tiles</groupId>
+      <artifactId>tiles-core</artifactId>
+      <version>${tiles.version}</version>
+      <scope>runtime</scope>
+    </dependency>
+    <dependency>
+      <groupId>org.apache.tiles</groupId>
+      <artifactId>tiles-jsp</artifactId>
+      <version>${tiles.version}</version>
+      <scope>runtime</scope>
+    </dependency>
+
+    <!-- Logging -->
+    <dependency>
+      <groupId>org.slf4j</groupId>
+      <artifactId>slf4j-log4j12</artifactId>
+      <version>${slf4j.version}</version>
+      <scope>runtime</scope>
+    </dependency>
+
   </dependencies>
 
 
diff --git a/src/main/webapp/WEB-INF/templates/html5page.jsp b/src/main/webapp/WEB-INF/templates/html5page.jsp
new file mode 100644 (file)
index 0000000..a032632
--- /dev/null
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<%@page contentType="text/html;charset=UTF-8"%>
+<%@page pageEncoding="UTF-8"%>
+<%@page session="false" %>
+<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
+<html>
+  <head>
+    <title>juplo - <t:getAsString name="title"/></title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <link rel="stylesheet" type="text/css" href="css/base.css"/>
+  </head>
+  <body>
+    <header id="header">
+      <a href="/" title="Home" id="logo">juplo</a>
+      <span id="slogan"><strong>Java</strong> bits from nerds for nerds</span>
+      <hr />
+    </header>
+    <div class="content cols_2 cf">
+      <section id="content" class="main">
+        <t:insertAttribute name="content"/>
+      </section>
+      <div class="marginal">
+        <nav id="nav">
+          <a id="navigation"></a>
+          <t:insertAttribute name="navigation"/>
+        </nav>
+        <div>
+          <h1>Other nasty but marginal stuff</h1>
+          <p>
+            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+            ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+            aliquip ex ea commodo consequat. Duis aute irure dolor in
+            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+            pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+            culpa qui officia deserunt mollit anim id est laborum.
+          </p>
+        </div>
+      </div>
+    </div>
+    <footer id="footer">
+      <ul id="footerlinks">
+        <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
+        <li class="f"><a class="f" href="#f">Contact</a></li>
+        <li class="f"><a class="f" href="#f">Impressum</a></li>
+      </ul>
+    </footer>
+  </body>
+</html>
diff --git a/src/main/webapp/WEB-INF/tiles.xml b/src/main/webapp/WEB-INF/tiles.xml
new file mode 100644 (file)
index 0000000..89c9a11
--- /dev/null
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE tiles-definitions PUBLIC
+       "-//Apache Software Foundation//DTD Tiles Configuration 3.0//EN"
+       "http://tiles.apache.org/dtds/tiles-config_3_0.dtd">
+<tiles-definitions>
+
+  <definition name="BASEPAGE" template="/WEB-INF/templates/html5page.jsp">
+    <put-attribute name="title" value="TITLE IS MISSING" type="string"/>
+    <put-attribute name="content" value="CONTENT" type="string"/>
+    <put-attribute name="navigation" value="NAVIGATION IS MISSING" type="string"/>
+  </definition>
+
+
+</tiles-definitions>
\ No newline at end of file
index 8b1ab26..b6cb19f 100644 (file)
@@ -6,4 +6,8 @@
 
   <display-name>branding</display-name>
 
+  <listener>
+    <listener-class>org.apache.tiles.web.startup.simple.SimpleTilesListener</listener-class>
+  </listener>
+
 </web-app>
index edad243..f4e7976 100644 (file)
-<!DOCTYPE html>
 <%@page contentType="text/html;charset=UTF-8"%>
 <%@page pageEncoding="UTF-8"%>
 <%@page session="false" %>
-<html>
-  <head>
-    <title>juplo - BRANDING</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="css/base.css"/>
-  </head>
-  <body>
-    <header id="header">
-      <a href="/" title="Home" id="logo">juplo</a>
-      <span id="slogan"><strong>Java</strong> bits from nerds for nerds</span>
-      <hr />
-    </header>
-    <div class="content cols_2 cf">
-      <section id="content" class="main">
-        <h1>Branding</h1>
-        <p>
-          Lorem ipsum dolor <a href="#da">sit amet</a>, consectetur adipisicing elit, sed do
-          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-          ad minim veniam, quis nostrud <a href="dort">exercitation</a> ullamco laboris nisi ut
-          aliquip ex ea commodo consequat. Duis aute irure dolor in
-          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-          culpa qui officia deserunt mollit anim id est laborum.
-        </p>
-        <h1>H1:ÄäÖöÜüß@€¢<a href="#link">Link</a></h1>
-        <p>
-          ÄäÖöÜüß@€¢
-        </p>
-        <p>
-          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-          ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-          aliquip ex ea commodo consequat. Duis aute irure dolor in
-          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-          culpa qui officia deserunt mollit anim id est laborum.
-        </p>
-        <p>
-          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-          ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-          aliquip ex ea commodo consequat. Duis aute irure dolor in
-          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-          culpa qui officia deserunt mollit anim id est laborum.
-        </p>
-        <h2>H2: Heading</h2>
-        <p>
-          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-          ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-          aliquip ex ea commodo consequat. Duis aute irure dolor in
-          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-          culpa qui officia deserunt mollit anim id est laborum.
-        </p>
-        <h1>H1: Heading</h1>
-        <h2>H2: Heading</h2>
-        <h3>H3: Heading</h3>
-        <h4>H4: Heading</h4>
-        <h1>H1: Heading</h1>
-        <p>
-          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-          ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-          aliquip ex ea commodo consequat. Duis aute irure dolor in
-          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-          culpa qui officia deserunt mollit anim id est laborum.
-        </p>
-        <h2>H2: Heading</h2>
-        <p>
-          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-          ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-          aliquip ex ea commodo consequat. Duis aute irure dolor in
-          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-          culpa qui officia deserunt mollit anim id est laborum.
-        </p>
-        <h3>H3: Heading</h3>
-        <p>
-          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-          ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-          aliquip ex ea commodo consequat. Duis aute irure dolor in
-          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-          culpa qui officia deserunt mollit anim id est laborum.
-        </p>
-        <h4>H4: Heading</h4>
-        <p>
-          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-          ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-          aliquip ex ea commodo consequat. Duis aute irure dolor in
-          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-          culpa qui officia deserunt mollit anim id est laborum.
-        </p>
-        <ul>
-          <li>normal</li>
-          <li><em>italic</em></li>
-          <li><strong>bold</strong></li>
-          <li><strong><em>bold italic</em></strong></li>
-        </ul>
-      </section>
-      <div class="marginal">
-        <nav id="nav">
-          <a id="navigation"></a>
-          <h1 class="nav">Navigation</h1>
-          <h2 class="nav menu">Section-Menu</h2>
-          <ul id="menu">
-            <li class="m blog"><a href="#blogs" class="m">Blog</a></li>
-            <li class="m projects"><strong class="m">Projects</strong></li>
-          </ul>
-        </nav>
-        <div>
-          <h1>Other nasty but marginal stuff</h1>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-            ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-            aliquip ex ea commodo consequat. Duis aute irure dolor in
-            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-            pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-            culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-      </div>
-    </div>
-    <footer id="footer">
-      <ul id="footerlinks">
-        <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
-        <li class="f"><a class="f" href="#f">Contact</a></li>
-        <li class="f"><a class="f" href="#f">Impressum</a></li>
-      </ul>
-    </footer>
-  </body>
-</html>
+<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
+<t:insertDefinition name="BASEPAGE">
+  <t:putAttribute name="title" value="JUPLO - Branding" type="string"/>
+  <t:putAttribute name="navigation" type="string">
+    <h1 class="nav">Navigation</h1>
+    <h2 class="nav menu">Section-Menu</h2>
+    <ul id="menu">
+      <li class="m blog"><a href="#blogs" class="m">Blog</a></li>
+      <li class="m projects"><strong class="m">Projects</strong></li>
+    </ul>
+  </t:putAttribute>
+  <t:putAttribute name="content" type="string">
+    <h1>Branding</h1>
+    <p>
+      Lorem ipsum dolor <a href="#da">sit amet</a>, consectetur adipisicing elit, sed do
+      eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+      ad minim veniam, quis nostrud <a href="dort">exercitation</a> ullamco laboris nisi ut
+      aliquip ex ea commodo consequat. Duis aute irure dolor in
+      reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+      pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+      culpa qui officia deserunt mollit anim id est laborum.
+    </p>
+    <p>
+      ÄäÖöÜüß@€¢
+    </p>
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+      eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+      ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+      aliquip ex ea commodo consequat. Duis aute irure dolor in
+      reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+      pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+      culpa qui officia deserunt mollit anim id est laborum.
+    </p>
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+      eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+      ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+      aliquip ex ea commodo consequat. Duis aute irure dolor in
+      reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+      pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+      culpa qui officia deserunt mollit anim id est laborum.
+    </p>
+    <h2>H2: Heading</h2>
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+      eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+      ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+      aliquip ex ea commodo consequat. Duis aute irure dolor in
+      reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+      pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+      culpa qui officia deserunt mollit anim id est laborum.
+    </p>
+    <h1>H1: Heading</h1>
+    <h2>H2: Heading</h2>
+    <h3>H3: Heading</h3>
+    <h4>H4: Heading</h4>
+    <h1>H1: Heading</h1>
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+      eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+      ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+      aliquip ex ea commodo consequat. Duis aute irure dolor in
+      reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+      pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+      culpa qui officia deserunt mollit anim id est laborum.
+    </p>
+    <h2>H2: Heading</h2>
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+      eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+      ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+      aliquip ex ea commodo consequat. Duis aute irure dolor in
+      reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+      pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+      culpa qui officia deserunt mollit anim id est laborum.
+    </p>
+    <h3>H3: Heading</h3>
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+      eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+      ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+      aliquip ex ea commodo consequat. Duis aute irure dolor in
+      reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+      pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+      culpa qui officia deserunt mollit anim id est laborum.
+    </p>
+    <h4>H4: Heading</h4>
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+      eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+      ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+      aliquip ex ea commodo consequat. Duis aute irure dolor in
+      reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+      pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+      culpa qui officia deserunt mollit anim id est laborum.
+    </p>
+    <h1>H1:ÄäÖöÜüß@€¢<a href="#link">Link</a></h1>
+    <ul>
+      <li>normal</li>
+      <li><em>italic</em></li>
+      <li><strong>bold</strong></li>
+      <li><strong><em>bold italic</em></strong></li>
+    </ul>
+  </t:putAttribute>
+</t:insertDefinition>