{"id":20928,"date":"2018-07-13T04:05:00","date_gmt":"2018-07-13T04:05:00","guid":{"rendered":"https:\/\/data-flair.training\/blogs\/?p=20928"},"modified":"2018-09-15T12:27:20","modified_gmt":"2018-09-15T06:57:20","slug":"spring-mvc-tiles-3-integration","status":"publish","type":"post","link":"https:\/\/data-flair.training\/blogs\/spring-mvc-tiles-3-integration\/","title":{"rendered":"Spring MVC Tiles 3 Integration | Spring Tiles Integration"},"content":{"rendered":"

1. Objective<\/h2>\n

In our previous tutorial, we studied\u00a0Spring Security<\/strong><\/a>.\u00a0Today in this\u00a0Spring MVC Tiles 3 Integration tutorial, we will learn about the integration of Spring MVC Framework<\/strong><\/a> with Apache Tiles3<\/a><\/strong>. Along with that, we will see the advantages of Spring Tiles Integration it and the working example with Eclipse IDE in place.
\nSo, let’s start\u00a0Spring MVC Tiles 3 Integration.<\/p>\n

\"Spring<\/a>

Spring MVC Tiles 3 Integration | Spring Tiles Integration<\/p><\/div>\n

2.Spring MVC Tiles 3<\/h2>\n

Before going through this Spring MVC Tiles 3 Integration tutorial, we should have basic knowledge of Java language<\/strong><\/a> and Spring Framework<\/strong><\/a>. Apache Tiles is an open source framework. It is a template engine for Java-based web frameworks.
\nOne of the major areas where the Spring MVC Framework has advanced comparing it with other frameworks is in a separation of the view technologies. The Apache Tiles is based on a composite pattern which is used for simplifying the development of UIs. The Spring Framework provides the integration support with the Apache Tiles framework so as to develop required web applications and manage the layout of Spring MVC by the help of Spring Tiles.<\/p>\n

3. Advantages of Tiles in Spring MVC<\/h2>\n

Some of the major advantages of Spring MVC Tiles 3 Integration as follows:<\/p>\n

a. Reusability<\/h4>\n

You can reuse a single component in many pages. For example, header and footer components.<\/p>\n

b. Centralised Control<\/h4>\n

You have the ability to control the layout of the page. This is done using the single template page only.
\nc. Easily Changeable Layout<\/strong>
\nUsing the single template page, you are capable of changing the layout of the page anytime. Therefore, your website becomes adaptable to new technologies such as jquery, bootstrap etc.
\nRead about Spring BeanPostProcessors – Latest Tutorial 2018<\/a><\/strong><\/p>\n

4. Spring MVC Tiles Example<\/h2>\n

Before you proceed with Integration of Spring MVC Tiles 3, we will discuss the working example you need to load some of the jar files:
\nSpring Core jar files
\nSpring Web jar files
\nTiles jar files
\nThese jar files should be put inside the WEB_INF\/lib directory.
\nLet\u2019s define a working example using Eclipse IDE having the following steps:<\/strong><\/p>\n

    \n
  1. Create your project with name SpringEx and a package com.example. This should be under the src folder of your created project.<\/li>\n
  2. Add the Spring Libraries that are required using the Add External JARs<\/strong> <\/a>options.<\/li>\n
  3. Define an index page with index.jsp.<\/li>\n
  4. Create HelloWorldController.java, ContactController.java, and Contact.java under the above-made package.<\/li>\n
  5. Write the web.xml, tile.xml and spring-servlet.xml configuration file under the src folder.<\/li>\n
  6. Write the code for all the View components.<\/li>\n
  7. Finally, write code for all Java files<\/strong> <\/a>and Bean <\/a><\/strong>config file and run the application as described.<\/li>\n<\/ol>\n

    a. Index Page<\/h3>\n

    index.jsp<\/strong><\/p>\n

    <a\u00a0href=\"hello.html\">Hello\u00a0Spring<\/a>\u00a0|\u00a0\u00a0\u00a0\r\n<a\u00a0href=\"contact.html\">Contact<\/a><\/pre>\n
    b. Controller classes<\/h3>\n
    HelloWorldController.java<\/strong><\/p>\n
    package\u00a0com.example.controller;\u00a0\u00a0\r\nimport\u00a0org.springframework.stereotype.Controller;\u00a0\u00a0\r\nimport\u00a0org.springframework.web.bind.annotation.RequestMapping;\u00a0\u00a0\r\nimport\u00a0org.springframework.web.servlet.ModelAndView;\u00a0\u00a0\r\n@Controller\u00a0\u00a0\r\npublic\u00a0class\u00a0HelloWorldController\u00a0{\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0@RequestMapping(\"\/hello\")\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0public\u00a0ModelAndView\u00a0helloWorld()\u00a0{\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0String\u00a0message\u00a0=\u00a0\"Hello\u00a0World,\u00a0Spring\u00a0MVC\u00a0@\u00a0example\";\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return\u00a0new\u00a0ModelAndView(\"hello\",\u00a0\"message\",\u00a0message);\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0}\u00a0\u00a0\r\n}<\/pre>\n
    ContactController.java<\/strong><\/p>\n
    package\u00a0com.example.controller;\u00a0\u00a0\r\nimport\u00a0org.springframework.stereotype.Controller;\u00a0\u00a0\r\nimport\u00a0org.springframework.validation.BindingResult;\u00a0\u00a0\r\nimport\u00a0org.springframework.web.bind.annotation.ModelAttribute;\u00a0\u00a0\r\nimport\u00a0org.springframework.web.bind.annotation.RequestMapping;\u00a0\u00a0\r\nimport\u00a0org.springframework.web.bind.annotation.RequestMethod;\u00a0\u00a0\r\nimport\u00a0org.springframework.web.bind.annotation.SessionAttributes;\u00a0\u00a0\r\nimport\u00a0org.springframework.web.servlet.ModelAndView;\u00a0\u00a0\r\nimport\u00a0com.example.form.Contact;\u00a0\u00a0\r\n@Controller\u00a0\u00a0\r\n@SessionAttributes\u00a0\u00a0\r\npublic\u00a0class\u00a0ContactController\u00a0{\u00a0\u00a0\r\n\u00a0\u00a0\u00a0@RequestMapping(value\u00a0=\u00a0\"\/addContact\",\u00a0method\u00a0=\u00a0RequestMethod.POST)\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0public\u00a0String\u00a0addContact(@ModelAttribute(\"contact\")\u00a0Contact\u00a0contact,BindingResult\u00a0result)\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return\u00a0\"redirect:contact.html\";\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0}\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0@RequestMapping(\"\/contact\")\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0public\u00a0ModelAndView\u00a0showContacts()\u00a0{\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return\u00a0new\u00a0ModelAndView(\"contact\",\u00a0\"command\",\u00a0new\u00a0Contact());\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0}\u00a0\u00a0\r\n}<\/pre>\n
    Read about Spring Bean Definition Inheritance & Bean Definition Template<\/a><\/strong><\/p>\n
    c. Form class<\/h3>\n
    Contact.java<\/strong><\/p>\n
    package\u00a0com.example.form;\u00a0\u00a0\r\npublic\u00a0class\u00a0Contact\u00a0{\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0private\u00a0String\u00a0firstname;\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0private\u00a0String\u00a0lastname;\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0private\u00a0String\u00a0email;\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0private\u00a0String\u00a0telephone;\u00a0\u00a0\r\n}<\/pre>\n
    d. web.xml<\/h3>\n
    web.xml<\/strong><\/p>\n
    <?xml\u00a0version=\"1.0\"\u00a0encoding=\"UTF-8\"?>\u00a0\u00a0\r\n<web-app\u00a0version=\"2.5\"\u00a0\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0xmlns=\"http:\/\/java.sun.com\/xml\/ns\/javaee\"\u00a0\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\"\u00a0\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0xsi:schemaLocation=\"http:\/\/java.sun.com\/xml\/ns\/javaee\u00a0\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0http:\/\/java.sun.com\/xml\/ns\/javaee\/web-app_2_5.xsd\">\u00a0\u00a0\r\n\u00a0<servlet>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0<servlet-name>spring<\/servlet-name>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0<servlet-class>org.springframework.web.servlet.DispatcherServlet<\/servlet-class>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0<load-on-startup>1<\/load-on-startup>\u00a0\u00a0\r\n<\/servlet>\u00a0\u00a0\r\n<servlet-mapping>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0<servlet-name>spring<\/servlet-name>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0<url-pattern>*.html<\/url-pattern>\u00a0\u00a0\r\n<\/servlet-mapping>\u00a0\u00a0\r\n<\/web-app><\/pre>\n
    e. spring-servlet.xml file<\/h3>\n
    This is the important configuration file where you need to specify the ViewResolver and View components.
    \nThis XML file should be located inside the WEB-INF directory.
    \nspring-servlet.xml<\/strong><\/p>\n
    \u00a0<beans\u00a0xmlns=\"http:\/\/www.springframework.org\/schema\/beans\"\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\"\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0xmlns:p=\"http:\/\/www.springframework.org\/schema\/p\"\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0xmlns:context=\"http:\/\/www.springframework.org\/schema\/context\"\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0xsi:schemaLocation=\"http:\/\/www.springframework.org\/schema\/beans\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0http:\/\/www.springframework.org\/schema\/beans\/spring-beans-3.0.xsd\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0http:\/\/www.springframework.org\/schema\/context\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0http:\/\/www.springframework.org\/schema\/context\/spring-context-3.0.xsd\">\u00a0\u00a0\u00a0\r\n\u00a0\u00a0\u00a0<context:component-scan\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0base-package=\"com.example.controller\"\u00a0\/>\u00a0\u00a0\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0<bean\u00a0id=\"viewResolver\"\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0class=\"org.springframework.web.servlet.view.UrlBasedViewResolver\">\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<property\u00a0name=\"viewClass\">\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<value>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0org.springframework.web.servlet.view.tiles2.TilesView\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/value>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/property>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0<\/bean>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0<bean\u00a0id=\"tilesConfigurer\"\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0class=\"org.springframework.web.servlet.view.tiles2.TilesConfigurer\">\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<property\u00a0name=\"definitions\">\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<list>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<value>\/WEB-INF\/tiles.xml<\/value>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/list>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/property>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0<\/bean>\u00a0\u00a0\r\n<\/beans><\/pre>\n
    f. tiles.xml file<\/h3>\n
    tiles.xml<\/strong><\/p>\n
    <?xml\u00a0version=\"1.0\"\u00a0encoding=\"UTF-8\"\u00a0?>\u00a0\u00a0\r\n<!DOCTYPE\u00a0tiles-definitions\u00a0PUBLIC\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"-\/\/Apache\u00a0Software\u00a0Foundation\/\/DTD\u00a0Tiles\u00a0Configuration\u00a02.0\/\/EN\"\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"http:\/\/tiles.apache.org\/dtds\/tiles-config_2_0.dtd\">\u00a0\u00a0\r\n<tiles-definitions>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0<definition\u00a0name=\"base.definition\"\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0template=\"\/WEB-INF\/jsp\/layout.jsp\">\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<put-attribute\u00a0name=\"title\"\u00a0value=\"\"\u00a0\/>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<put-attribute\u00a0name=\"header\"\u00a0value=\"\/WEB-INF\/jsp\/header.jsp\"\u00a0\/>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<put-attribute\u00a0name=\"menu\"\u00a0value=\"\/WEB-INF\/jsp\/menu.jsp\"\u00a0\/>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<put-attribute\u00a0name=\"body\"\u00a0value=\"\"\u00a0\/>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<put-attribute\u00a0name=\"footer\"\u00a0value=\"\/WEB-INF\/jsp\/footer.jsp\"\u00a0\/>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0<\/definition>\u00a0\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0<definition\u00a0name=\"contact\"\u00a0extends=\"base.definition\">\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<put-attribute\u00a0name=\"title\"\u00a0value=\"Contact\u00a0Manager\"\u00a0\/>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<put-attribute\u00a0name=\"body\"\u00a0value=\"\/WEB-INF\/jsp\/contact.jsp\"\u00a0\/>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0<\/definition>\u00a0\u00a0\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0<definition\u00a0name=\"hello\"\u00a0extends=\"base.definition\">\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<put-attribute\u00a0name=\"title\"\u00a0value=\"Hello\u00a0Spring\u00a0MVC\"\u00a0\/>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<put-attribute\u00a0name=\"body\"\u00a0value=\"\/WEB-INF\/jsp\/hello.jsp\"\u00a0\/>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0<\/definition>\u00a0\u00a0\u00a0\r\n<\/tiles-definitions><\/pre>\n
    Let’s Read Spring Java Based Configuration – How to Configure Spring Beans<\/a><\/strong><\/p>\n
    g. View Components<\/h3>\n
    hello.jsp<\/strong><\/p>\n
    <html>\u00a0\u00a0\r\n<head>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0<title>Spring\u00a0MVC\u00a0Example<\/title>\u00a0\u00a0\r\n<\/head>\u00a0\u00a0\r\n<body>\u00a0\u00a0\r\n<h1>Welcome\u00a0to\u00a0Spring\u00a0MVC<\/h1>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0<p>Message\u00a0is:\u00a0${message}<\/p>\u00a0\u00a0\r\n<\/body>\u00a0\u00a0\r\n<\/html><\/pre>\n
    contact.jsp<\/strong><\/p>\n
    <%@taglib\u00a0uri=\"http:\/\/www.springframework.org\/tags\/form\"\u00a0prefix=\"form\"%>\r\n<html>\u00a0\u00a0\r\n<head>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0<title>Spring\u00a0Tiles\u00a0Contact\u00a0Form<\/title>\u00a0\u00a0\r\n<\/head>\u00a0\u00a0\r\n<body>\u00a0\u00a0\r\n<h2>Contact\u00a0Manager<\/h2>\u00a0\u00a0\r\n<form:form\u00a0method=\"post\"\u00a0action=\"addContact.html\">\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0<table>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0<tr>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<td><form:label\u00a0path=\"firstname\">First\u00a0Name<\/form:label><\/td>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<td><form:input\u00a0path=\"firstname\"\u00a0\/><\/td>\u00a0\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0<\/tr>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0<tr>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<td><form:label\u00a0path=\"lastname\">Last\u00a0Name<\/form:label><\/td>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<td><form:input\u00a0path=\"lastname\"\u00a0\/><\/td>\u00a0\u00a0\r\n \u00a0\u00a0\u00a0<\/tr>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0<tr>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<td><form:label\u00a0path=\"lastname\">Email<\/form:label><\/td>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<td><form:input\u00a0path=\"email\"\u00a0\/><\/td>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0<\/tr>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0<tr>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<td><form:label\u00a0path=\"lastname\">Telephone<\/form:label><\/td>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<td><form:input\u00a0path=\"telephone\"\u00a0\/><\/td>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0<\/tr>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0<tr>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<td\u00a0colspan=\"2\">\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input\u00a0type=\"submit\"\u00a0value=\"Add\u00a0Contact\"\/>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/td>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0<\/tr>\u00a0\u00a0\r\n<\/table>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\r\n<\/form:form>\u00a0\u00a0\r\n<\/body>\u00a0\u00a0\r\n<\/html><\/pre>\n
    header.jsp<\/strong><\/p>\n
    <h2>Header<\/h2>\u00a0\u00a0\r\n<hr\/><\/pre>\n
    footer.jsp<\/strong><\/p>\n
    <hr\/>\u00a0\u00a0\r\n<p>Copyright\u00a0\u00a0example.com.<\/p><\/pre>\n
    menu.jsp<\/strong><\/p>\n
    <p>Menu\u00a01<\/p>\u00a0\u00a0\r\n<p>Menu\u00a02<\/p><\/pre>\n
    Do you know Spring Dependency Injection \u2013 Types of Spring DI & Example<\/a><\/strong>
    \nlayout.jsp<\/strong><\/p>\n
    <%@\u00a0taglib\u00a0uri=\"http:\/\/tiles.apache.org\/tags-tiles\"\u00a0prefix=\"tiles\"%>\u00a0\u00a0\r\n<!DOCTYPE\u00a0HTML\u00a0PUBLIC\u00a0\"-\/\/W3C\/\/DTD\u00a0HTML\u00a04.01\u00a0Transitional\/\/EN\"\u00a0\u00a0\r\n\"http:\/\/www.w3.org\/TR\/html4\/loose.dtd\">\u00a0\u00a0\r\n<html>\u00a0\u00a0\r\n<head>\u00a0\u00a0\r\n<meta\u00a0http-equiv=\"Content-Type\"\u00a0content=\"text\/html;\u00a0charset=UTF-8\">\u00a0\u00a0\r\n<title><tiles:insertAttribute\u00a0name=\"title\"\u00a0ignore=\"true\"\u00a0\/><\/title>\u00a0\u00a0\r\n<\/head>\u00a0\u00a0\r\n<body>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div><tiles:insertAttribute\u00a0name=\"header\"\u00a0\/><\/div>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div\u00a0style=\"float:left;padding:10px;width:15%;\"><tiles:insertAttribute\u00a0name=\"menu\"\u00a0\/><\/div>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div\u00a0style=\"float:left;padding:10px;width:80%;border-left:1px\u00a0solid\u00a0pink;\">\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<tiles:insertAttribute\u00a0name=\"body\"\u00a0\/><\/div>\u00a0\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div\u00a0style=\"clear:both\"><tiles:insertAttribute\u00a0name=\"footer\"\u00a0\/><\/div>\u00a0\u00a0\r\n<\/body>\u00a0\u00a0\r\n<\/html><\/pre>\n
    If you have made all of the above files then run the project. You will see a message with two Sub Menus as output:
    \nWelcome to Spring MVC<\/strong>
    \nClicking on the Sub Menu you will see a form where you have to fill the contact details.
    \nSo, this was all about Spring MVC Tiles 3 Integration. Hope you like our explanation.<\/p>\n
    5. Conclusion<\/h2>\n
    Hence, in this Spring MVC Tiles 3 Integration Tutorial, we have seen about the integration of Spring Framework MVC with Apache Tiles Framework. Along with that you saw advantages of the Spring Tiles with a working example using Eclipse IDE. Furthermore, if you have any query regarding\u00a0Spring MVC Tiles 3 Integration, feel free to ask in the comment section.
    \nSee Also-\u00a0    Spring Batch <\/a><\/strong>
    \n    For reference<\/a><\/strong>
    1. Objective In our previous tutorial, we studied\u00a0Spring Security.\u00a0Today in this\u00a0Spring MVC Tiles 3 Integration tutorial, we will learn about the integration of Spring MVC Framework with Apache Tiles3. Along with that, we will...<\/p>\n","protected":false},"author":5,"featured_media":20938,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[64],"tags":[384,977,13347,13349,13350,13351,13371,13372,13373,13374,13375],"class_list":["post-20928","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-spring","tag-advantages-of-tiles-in-spring-mvc","tag-apache-tiles-jsp-example","tag-spring-mvc-tiles-3-integration","tag-spring-mvc-tiles-bootstrap","tag-spring-mvc-tiles-example-roseindia","tag-spring-mvc-with-apache-tiles","tag-spring-tiles-dinesh-on-java","tag-spring-tiles-example-mkyong","tag-spring-tiles-flow","tag-spring-tiles-integration","tag-spring-tiles-maven-dependency"],"yoast_head":"\nSpring MVC Tiles 3 Integration | Spring Tiles Integration - DataFlair<\/title>\n<meta name=\"description\" content=\"Spring MVC Tiles 3 Integration - Integration of Spring Framework MVC with Apache Tiles, Advantage of Spring Tiles Integration with example of Eclipse IDE\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/data-flair.training\/blogs\/spring-mvc-tiles-3-integration\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Spring MVC Tiles 3 Integration | Spring Tiles Integration - DataFlair\" \/>\n<meta property=\"og:description\" content=\"Spring MVC Tiles 3 Integration - Integration of Spring Framework MVC with Apache Tiles, Advantage of Spring Tiles Integration with example of Eclipse IDE\" \/>\n<meta property=\"og:url\" content=\"https:\/\/data-flair.training\/blogs\/spring-mvc-tiles-3-integration\/\" \/>\n<meta property=\"og:site_name\" content=\"DataFlair\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DataFlairWS\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-07-13T04:05:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-09-15T06:57:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/07\/Spring-MVC-Apache-Tiles-Integration.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"DataFlair Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@DataFlairWS\" \/>\n<meta name=\"twitter:site\" content=\"@DataFlairWS\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"DataFlair Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Spring MVC Tiles 3 Integration | Spring Tiles Integration - DataFlair","description":"Spring MVC Tiles 3 Integration - Integration of Spring Framework MVC with Apache Tiles, Advantage of Spring Tiles Integration with example of Eclipse IDE","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:\/\/data-flair.training\/blogs\/spring-mvc-tiles-3-integration\/","og_locale":"en_US","og_type":"article","og_title":"Spring MVC Tiles 3 Integration | Spring Tiles Integration - DataFlair","og_description":"Spring MVC Tiles 3 Integration - Integration of Spring Framework MVC with Apache Tiles, Advantage of Spring Tiles Integration with example of Eclipse IDE","og_url":"https:\/\/data-flair.training\/blogs\/spring-mvc-tiles-3-integration\/","og_site_name":"DataFlair","article_publisher":"https:\/\/www.facebook.com\/DataFlairWS\/","article_published_time":"2018-07-13T04:05:00+00:00","article_modified_time":"2018-09-15T06:57:20+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/07\/Spring-MVC-Apache-Tiles-Integration.jpg","type":"image\/jpeg"}],"author":"DataFlair Team","twitter_card":"summary_large_image","twitter_creator":"@DataFlairWS","twitter_site":"@DataFlairWS","twitter_misc":{"Written by":"DataFlair Team","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/data-flair.training\/blogs\/spring-mvc-tiles-3-integration\/#article","isPartOf":{"@id":"https:\/\/data-flair.training\/blogs\/spring-mvc-tiles-3-integration\/"},"author":{"name":"DataFlair Team","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/person\/7f83c342f5d1632d6f7b4b0b0f447823"},"headline":"Spring MVC Tiles 3 Integration | Spring Tiles Integration","datePublished":"2018-07-13T04:05:00+00:00","dateModified":"2018-09-15T06:57:20+00:00","mainEntityOfPage":{"@id":"https:\/\/data-flair.training\/blogs\/spring-mvc-tiles-3-integration\/"},"wordCount":686,"commentCount":0,"publisher":{"@id":"https:\/\/data-flair.training\/blogs\/#organization"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/spring-mvc-tiles-3-integration\/#primaryimage"},"thumbnailUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/07\/Spring-MVC-Apache-Tiles-Integration.jpg","keywords":["Advantages of Tiles in Spring MVC","apache tiles jsp example","Spring MVC Tiles 3 Integration","spring mvc tiles bootstrap","spring mvc tiles example roseindia","Spring MVC with Apache Tiles","spring tiles dinesh on java","spring tiles example mkyong","spring tiles flow","Spring Tiles Integration","spring tiles maven dependency"],"articleSection":["Spring Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/data-flair.training\/blogs\/spring-mvc-tiles-3-integration\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/data-flair.training\/blogs\/spring-mvc-tiles-3-integration\/","url":"https:\/\/data-flair.training\/blogs\/spring-mvc-tiles-3-integration\/","name":"Spring MVC Tiles 3 Integration | Spring Tiles Integration - DataFlair","isPartOf":{"@id":"https:\/\/data-flair.training\/blogs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/data-flair.training\/blogs\/spring-mvc-tiles-3-integration\/#primaryimage"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/spring-mvc-tiles-3-integration\/#primaryimage"},"thumbnailUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/07\/Spring-MVC-Apache-Tiles-Integration.jpg","datePublished":"2018-07-13T04:05:00+00:00","dateModified":"2018-09-15T06:57:20+00:00","description":"Spring MVC Tiles 3 Integration - Integration of Spring Framework MVC with Apache Tiles, Advantage of Spring Tiles Integration with example of Eclipse IDE","breadcrumb":{"@id":"https:\/\/data-flair.training\/blogs\/spring-mvc-tiles-3-integration\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/data-flair.training\/blogs\/spring-mvc-tiles-3-integration\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/data-flair.training\/blogs\/spring-mvc-tiles-3-integration\/#primaryimage","url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/07\/Spring-MVC-Apache-Tiles-Integration.jpg","contentUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/07\/Spring-MVC-Apache-Tiles-Integration.jpg","width":1200,"height":628,"caption":"Spring MVC Tiles 3 Integration | Spring Tiles Integration"},{"@type":"BreadcrumbList","@id":"https:\/\/data-flair.training\/blogs\/spring-mvc-tiles-3-integration\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog Home","item":"https:\/\/data-flair.training\/blogs\/"},{"@type":"ListItem","position":2,"name":"Reading data from external files","item":"https:\/\/data-flair.training\/blogs\/tag\/reading-data-from-external-files\/"},{"@type":"ListItem","position":3,"name":"Spring MVC Tiles 3 Integration | Spring Tiles Integration"}]},{"@type":"WebSite","@id":"https:\/\/data-flair.training\/blogs\/#website","url":"https:\/\/data-flair.training\/blogs\/","name":"DataFlair","description":"Learn Today. Lead Tomorrow.","publisher":{"@id":"https:\/\/data-flair.training\/blogs\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/data-flair.training\/blogs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/data-flair.training\/blogs\/#organization","name":"DataFlair","url":"https:\/\/data-flair.training\/blogs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/logo\/image\/","url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2016\/07\/Data-Flair.png","contentUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2016\/07\/Data-Flair.png","width":106,"height":48,"caption":"DataFlair"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DataFlairWS\/","https:\/\/x.com\/DataFlairWS","https:\/\/www.linkedin.com\/company\/dataflair-web-services-pvt-ltd\/","https:\/\/www.youtube.com\/user\/DataFlairWS"]},{"@type":"Person","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/person\/7f83c342f5d1632d6f7b4b0b0f447823","name":"DataFlair Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/4cf3a74600d131330b8c481d519afd1574093ed89f6d3396a95393ad223eb7cd?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4cf3a74600d131330b8c481d519afd1574093ed89f6d3396a95393ad223eb7cd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4cf3a74600d131330b8c481d519afd1574093ed89f6d3396a95393ad223eb7cd?s=96&d=mm&r=g","caption":"DataFlair Team"},"description":"DataFlair Team creates expert-level guides on programming, Java, Python, C++, DSA, AI, ML, data Science, Android, Flutter, MERN, Web Development, and technology. Our goal is to empower learners with easy-to-understand content. Explore our resources for career growth and practical learning.","url":"https:\/\/data-flair.training\/blogs\/author\/dfteam1\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/20928","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/comments?post=20928"}],"version-history":[{"count":3,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/20928\/revisions"}],"predecessor-version":[{"id":32641,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/20928\/revisions\/32641"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/media\/20938"}],"wp:attachment":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/media?parent=20928"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/categories?post=20928"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/tags?post=20928"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}