`
冰冻的心
  • 浏览: 12736 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

使用decorator模式对jsp页面布局

    博客分类：
  • java
jsp 
阅读更多
使用decorator模式对jsp页面进行布局：

步骤：

1.web.xml：

<filter>
  <filter-name>sitemesh</filter-name>
  <filter-class>com.opensymphony.sitemesh.webapp.SiteMeshFilter</filter-class>
</filter>
<filter-mapping>
  <filter-name>sitemesh</filter-name>
  <url-pattern>/*</url-pattern>
</filter-mapping>


2.新建decorator.xml文件 配置需布局对象与不需要布局对象：
<?xml version="1.0" encoding="UTF-8"?>

<decorators defaultdir="/WEB-INF/views/decorators">

<!-- 不需要布局的页面 -->

<excludes>

<pattern>/login</pattern>

<pattern>/uploadImage/**</pattern>

<pattern>/category/preview1/**</pattern>

<pattern>/category/previewNews</pattern>

<pattern>/category/preview/preview/**</pattern>

</excludes>

<!-- 布局的页面 -->
<decorator page="/WEB-INF/views/decorators/decorator.jsp" name="header">
<!-- 对所有符合/category，/pass,/account,/activity 请求路劲的uri jsp页面进行页面布局-->
<pattern>/pass</pattern>

<pattern>/category/**</pattern>

<pattern>/account/**</pattern>
<pattern>/activity/**</pattern>
</decorator>

</decorators>

3.新建decorator.jsp

<?xml version="1.0" encoding="UTF-8" ?>
<%@ include file="../taglibs.jsp"%>
<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator" prefix="decorator" %>
<!DOCTYPE html>
<!--[if IE 8]>
<html xmlns="http://www.w3.org/1999/xhtml" class="ie8 wp-toolbar"  lang="zh-CN">
<![endif]-->
<!--[if !(IE ]><!-->
<html xmlns="http://www.w3.org/1999/xhtml" class="wp-toolbar" lang="zh-CN">
<!--<![endif]-->
<head>
    <title><decorator:title /></title>
    <decorator:head />
</head>
<body class="wp-admin wp-core-ui js  users-php auto-fold admin-bar branch-3-6 version-3-6 admin-color-fresh locale-zh-cn  customize-support">
<div id="wpwrap">
<%@ include file="../menu.jsp"%><!--左边菜单栏-->
<div id="wpcontent">
<%@ include file="../nav.jsp"%><!--头部-->
    <decorator:body /><!--主体部分-->
<div class="clear"></div>
</div>
</div>
</body>
</html>





分享到：
| HTML5简单demo
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JSP布局框架SiteMesh.zip

    SiteMesh 是一个网页布局和修饰的框架，...所有的这些，都是GOF的Decorator模式的最生动的实现。尽管它是由java语言来实现的，但它能与其他Web应用很好地集成。下图是SiteMesh的结构图 标签：SiteMesh Web框架

    SiteMesh教程

    它主要通过应用Decorator模式，帮助开发者统一网站的头部、底部、侧边栏等公共组件，使得在每个单独的JSP页面中不再需要手动包含这些组件。SiteMesh通过Filter截取HTTP请求和响应，然后对内容进行装饰，最终形成一个...

    sitemesh布局知识点汇总

    Sitemesh是一个非常实用且功能强大的Web页面布局和装饰框架，适用于多种Web应用程序，包括但不限于Java（JSP）、PHP、ASP等技术栈下的应用。它能够有效地帮助开发者统一Web应用的界面风格，确保各个页面具有一致的...

    sitemesh简单教程页面装配器

    Sitemesh是一款用于Web应用中的页面布局管理工具，它通过采用装饰器（Decorator）设计模式，实现了对Web页面布局的灵活管理和重用。传统的Web开发中，开发者往往需要在每个JSP页面中不断地使用`include`标签来嵌入...

    SiteMesh入门学习

    通过使用Decorator模式，SiteMesh能够将通用的头部、底部、侧边栏等元素统一管理，使得开发者无需在每个单独的JSP页面中重复包含这些组件。这样极大地提高了代码的可维护性和一致性。 首先，我们需要在`WEB-INF/web...

    SiteMesh教程.pdf

    在JSP页面中使用SiteMesh的标签库，如&lt;decorator:head/&gt;和&lt;decorator:body/&gt;，用于插入页面的头部和主体内容。SiteMesh也允许装饰器从实际页面提取标题，然后显示在页面的头部。 ***Mesh与其他技术的整合： ...

    sitemesh教程

    它通过应用Decorator模式，使得开发者能够轻松地创建一致的页面布局，而无需在每个单独的JSP页面中重复包含头部、样式表、脚本和页脚等元素。Sitemesh通过Filter拦截HTTP请求和响应，然后将页面的不同部分（如head、...

    sitemesh的使用和例子

    **Sitemesh** 是一个开源的网页布局和装饰框架，主要用在Java Web应用程序中，用于提供统一的页面布局和美化。它可以帮助开发者快速创建整洁、一致的网站外观，通过分离内容、样式和布局，使得代码更加模块化，易于...

    siteMesh使用示例

    装饰器模式允许我们定义一个通用的页面布局，然后将内容填充到预定义的区域，如头部、主体和尾部。 2. **安装与配置** 在项目中集成 SiteMesh 需要在 `web.xml` 文件中配置 SiteMesh 过滤器。添加以下代码段来配置...

    sitemesh入门教材

    FreeMarker是一个强大的、轻量级的模板引擎，常用于生成动态Web内容，与Sitemesh配合，可以在FreeMarker模板中轻松实现页面布局。 在更复杂的Web应用程序中，Sitemesh可以与Struts、Spring MVC、WebWork等MVC框架...

    siteMesh例子

    SiteMesh应用Decorator模式，用filter截取request和response,把页面组件head,content,banner结合为一个完整的视图。通常我们都是用include标签在每个jsp页面中来不断的包含各种header, stylesheet, scripts and ...

    sitemesh 完美合集 4个资料和jar文件

    sitemesh应用Decorator模式，用filter截取request和response,把页面组件head,content,banner结合为一个完整的视图。通常我们都是用include标签在每个jsp页面中来不断的包含各种header, stylesheet, scripts and ...

    sitemesh

    SiteMesh是一个Web页面布局修饰框架, 用于构建包含大量页面, 需要一致的外观样式(look/fell), 导航和布局机制的大型网站. SiteMesh应用Decorator模式，用filter截取request和response,把页面组件head,content,...

    SiteMesh v2.4.1.ZIP

    SiteMesh 是一个网页布局和修饰的框架，利用它可以将网页的内容和页面结构分离，以达到页面结构...所有的这些，都是GOF的Decorator模式的最生动的实现。尽管它是由java语言来实现的，但它能与其他Web应用很好地集成。

    Sitemesh学习文档

    总结起来，Sitemesh是一个强大的工具，它通过Decorator模式简化了Web应用程序的页面布局管理，提高了代码的复用性和可维护性。通过学习和应用Sitemesh，开发者可以更高效地构建和维护大型的Web项目。

    SIteMesh介绍 配有案例

    它使用了设计模式中的Decorator模式，能够将页面的装饰部分（如头部、底部、侧边栏等）与实际内容分离，从而实现布局的统一。SiteMesh不仅适用于处理动态内容，如jsp、php、asp生成的页面，还能处理静态的html文件，...

    sitemesh 讲解ppt

    SiteMesh 使用装饰器（Decorator）模式来实现其功能。装饰器模式允许在不修改原有对象的情况下，为对象添加新的行为或属性。在 SiteMesh 中，装饰器页面是包含页面布局和通用元素的模板，比如页头、页脚和侧边栏。当...

    SiteMesh简介一(图片不出来。请下附件看)

    - **标记待装饰的页面**：在待装饰的JSP页面顶部，使用`&lt;%@ page decorator="layout文件名" %&gt;`指令指定布局模板。 - **自定义装饰**：如果需要针对特定页面进行特殊装饰，可以通过`&lt;%@ include file="..." %&gt;`指令...

    sitemesh使用教程

    SiteMesh 是一个开源的 J2EE 页面布局和装饰框架，主要用来解决Web应用程序中的内容与表现层分离的问题。它的设计灵感来源于设计模式中的装饰者模式，可以类比为Swing界面中的外观风格改变器。SiteMesh的核心价值...

    SITE MESH学习笔记

    SiteMesh 通过GOF（GoF，设计模式之父）的Decorator模式实现这一目标，允许开发者定义全局的页面头部、底部、侧边栏等元素，然后自动应用到所有或特定的Web页面上。 SiteMesh 的工作原理是通过过滤器（Filter）机制...

Magicbox
Global site tag (gtag.js) - Google Analytics