如何删除特定视图的apache切片中的切片?

Chr*_*pie 7 java spring-mvc apache-tiles

我想知道如何从视图中删除图块.我的主要观点是这样的

我的网页的主要布局

磁贴配置由4个部分组成:标题,菜单,正文和页脚.

现在我知道如果我请求一个新页面,我可以覆盖主视图,例如替换正文,以便我在那里显示不同的内容.

但是我希望能够点击菜单中的链接,将我带到一个只有标题和正文的页面(没有菜单或页脚).

没有菜单和页脚的特定布局

然后,用户将完成一个向导,在该向导中,他们可以从一个页面转到另一个页面,然后一旦完成,它应该再次返回到主布局.

这是我的问题:如何从视图中删除菜单和页脚?我的问题在这里停止

由于没有太多关于磁贴的文档,我可以找到,我想我会为其他人努力获得使用Spring工具套件使用Apache Tiles和Spring MVC的工作示例(我的版本是STS 3.2.0).

步骤如何使用STS创建一个简单的站点

  1. 创建一个新的STS项目

    文件>>新>> Spring模板项目>> Spring MVC Project

    选择"Spring MVC Project"选项

    为您的项目提供名称和顶级包

    GiveUrProjectANameAndPackage

    这将创建一个如下所示的项目

    在此输入图像描述

  2. 更改POM以使用SPRING 3.2.0.RELEASE

从:

<org.springframework-version>3.1.1.RELEASE</org.springframework-version>
Run Code Online (Sandbox Code Playgroud)

至:

<org.springframework-version>3.2.0.RELEASE</org.springframework-version>
Run Code Online (Sandbox Code Playgroud)
  1. 将以下依赖项添加到POM文件以包含Apache Tile依赖项
<!-- Tiles -->
<dependency>
    <groupId>org.apache.tiles</groupId>
    <artifactId>tiles-api</artifactId>
    <version>3.0.1</version>
</dependency>
<dependency>
    <groupId>org.apache.tiles</groupId>
    <artifactId>tiles-core</artifactId>
    <version>3.0.1</version>
</dependency>
<dependency>
    <groupId>org.apache.tiles</groupId>
    <artifactId>tiles-jsp</artifactId>
    <version>3.0.1</version>
</dependency>
<dependency>
    <groupId>org.apache.tiles</groupId>
    <artifactId>tiles-servlet</artifactId>
    <version>3.0.1</version>
</dependency>
<dependency>
    <groupId>org.apache.tiles</groupId>
    <artifactId>tiles-template</artifactId>
    <version>3.0.1</version>
</dependency> 
Run Code Online (Sandbox Code Playgroud)
  1. 更改"servlet-context.xml"以使用TilesViewResolver而不是默认的InternalViewResolver
<!-- Remove -->
<beans:bean class="org.springframework.web.servlet.view.tiles3.TilesViewResolver">
    <beans:property name="viewClass" value="org.springframework.web.servlet.view.tiles3.TilesView"></beans:property>
    <beans:property name="order" value="0"></beans:property>
</beans:bean>
?
<!-- Add -->
<beans:bean class="org.springframework.web.servlet.view.tiles3.TilesViewResolver">
<beans:property name="viewClass" value="org.springframework.web.servlet.view.tiles3.TilesView"></beans:property>
    <beans:property name="order" value="0"></beans:property>
</beans:bean>
Run Code Online (Sandbox Code Playgroud)
  1. 添加引用以了解磁贴的配置位置
<beans:bean class="org.springframework.web.servlet.view.tiles3.TilesConfigurer" id="tilesConfigurer">
    <beans:property name="definitions" value="/WEB-INF/spring/tiles.xml"> </beans:property>
</beans:bean>
Run Code Online (Sandbox Code Playgroud)
  1. 现在指定视图 - 用于指定视图的JSP文件...例如标题,菜单,页脚和正文(这可以是实际内容,通常您将拥有多于1个正文,具体取决于用户点击的内容菜单) - 布局将像这篇文章中的第一张图片.

在视图文件夹中创建的JSP文件各有内容

header.jsp中

<h2>This is the header</h2>
Run Code Online (Sandbox Code Playgroud)

footer.jsp中

<p>This is the footer</p>
Run Code Online (Sandbox Code Playgroud)

content1.jsp

<h1>This is content page 1</h1>
<p>Blah blah content 1</p>
Run Code Online (Sandbox Code Playgroud)

content2.jsp

<h1>This is content page 2</h1>
<p>Blah blah content 2</p>
Run Code Online (Sandbox Code Playgroud)

引入了menu.jsp

<h2>Menu</h2>
    <a href="">Go to home page</a><br/>
    <a href="page1">Display page 1</a><br/>
    <a href="page2">Display page 2</a>
Run Code Online (Sandbox Code Playgroud)
  1. 项目创建后,它会创建一个名为"HomeController.java"的默认控制器.这是用于确定单击菜单项时下一步的位置.如果您打开家庭控制器并将其更改为以下内容
package com.stp.myapp;
import java.util.Locale;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.servlet.ModelAndView;
/**
 * Handles requests for the application home page.
 */
@Controller
public class HomeController {
Run Code Online (Sandbox Code Playgroud)
    /**
     * The request mapping has a value. That is what we are 
* requesting for. When opening the site it will request the main 
* page or the index page. The “/” indicates it is the index page.
* In this simple example we simply return the new ModalAndView with 
* the page in the view folder. In This case it is the mainPage.
* The mainPage is the reference of what is configured in the 
* apache tiles configuration – not the actual page that will be 
* displayed. 
     */
        @RequestMapping(value = "/", method = RequestMethod.GET)
        public ModelAndView home(Locale locale, Model model) {
        return new ModelAndView("mainPage");
        }

        /**
         * The request mapping is for page1 (page1 is the value from the menu.
         */

        @RequestMapping(value = "/page1", method = RequestMethod.GET)
        public ModelAndView viewArticle(Locale locale, Model model) {
        return new ModelAndView("displayPageContent1");
        }

        @RequestMapping(value = "/page2", method = RequestMethod.GET)
        public ModelAndView viewEmployees(Locale locale, Model model) {
        return new ModelAndView("displayPageContent2");
    }

}
Run Code Online (Sandbox Code Playgroud)
  1. 现在让我们配置磁贴

使用创建"tiles.xml"文件

 <?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE tiles-definitions PUBLIC
           "-//Apache Software Foundation//DTD Tiles Configuration 2.0//EN"
           "http://tiles.apache.org/dtds/tiles-config_2_0.dtd">

<!-- This file has several definitions of page layouts -->
<tiles-definitions>

    <!-- The main definition with the header footer menu and body -->
    <definition name="base.definition" template="/WEB-INF/views/mainTemplate.jsp">
        <put-attribute name="title" value=""></put-attribute>
        <put-attribute name="header" value="/WEB-INF/views/header.jsp"></put-attribute>
        <put-attribute name="menu" value="/WEB-INF/views/menu.jsp"></put-attribute>
        <put-attribute name="body" value=""></put-attribute>
        <put-attribute name="footer" value="/WEB-INF/views/footer.jsp"></put-attribute>
    </definition>

    <!-- Now you can specify as many layours as you want... The name will match the names the --> 
    <!-- HomeController.java returns aka... as we specified it as displayPageContent1 and displayPageContent2 -->
    <!-- You can override each of the base.definition entries. In this we change the page title and display a different -->
    <!-- page as the body. As we didn't override the menu of footer it will display as specified in tha base.defition-->
    <definition name="displayPageContent1" extends="base.definition">
        <put-attribute name="title" value="Page context 1 displaying..."></put-attribute>
        <put-attribute name="body" value="/WEB-INF/views/content1.jsp"></put-attribute>
    </definition>

    <definition name="displayPageContent2" extends="base.definition">
        <put-attribute name="title" value="Employees List"></put-attribute>
        <put-attribute name="body" value="/WEB-INF/views/content2.jsp"></put-attribute>
    </definition>

     <definition name="mainPage" extends="base.definition">
        <put-attribute name="title" value="This is the home page being displayed....."></put-attribute>
        <put-attribute name="body" value="/WEB-INF/views/home.jsp"></put-attribute>
    </definition>

</tiles-definitions>
Run Code Online (Sandbox Code Playgroud)

tiles.xml文件具有定义为基本定义的"mainTemplate.jsp".创建一个具有主html布局的文件"mainTemplate.jsp".这些文件有"tiles:insertAttribute",它定义了可以在每个视图中覆盖的基本布局的各个部分.

<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>
    <tiles:insertAttribute name="title" ignore="true"></tiles:insertAttribute>
</title>
</head>
<body>
<table border="1" cellpadding="2" cellspacing="2" align="left">
    <tr>
        <td colspan="2" align="center">
            <tiles:insertAttribute name="header"></tiles:insertAttribute>
        </td>
    </tr>
    <tr>
        <td>
            <tiles:insertAttribute name="menu"></tiles:insertAttribute>
        </td>
        <td>
            <tiles:insertAttribute name="body"></tiles:insertAttribute>
        </td>
    </tr>
    <tr>
        <td colspan="2"  align="center">
            <tiles:insertAttribute name="footer"></tiles:insertAttribute>
        </td>
    </tr>
</table>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
  1. 最后,你应该得到一个看起来像这样的文件结构

InTheEndTheFilesShouldLookLikeThis

小智 4

Tiles.xml删除页眉和页脚值中,如下所示:

<definition name="base.definition" template="/WEB-INF/views/mainTemplate.jsp">
  <put-attribute name="title" value=""></put-attribute>
  <put-attribute name="header" value=""></put-attribute>
  <put-attribute name="menu" value=""></put-attribute>
  <put-attribute name="body" value=""></put-attribute>
  <put-attribute name="footer" value=""></put-attribute>
</definition>
Run Code Online (Sandbox Code Playgroud)

然后,如果您想要唯一的标头和正文:

<definition name="displayPageContent2" extends="base.definition">
  <put-attribute name="title" value="Employees List"></put-attribute>
  <put-attribute name="header" value="/WEB-INF/views/header.jsp" />"></put-attribute>
  <put-attribute name="body" value="/WEB-INF/views/content2.jsp"></put-attribute>
</definition>
Run Code Online (Sandbox Code Playgroud)