SiteMesh入门

SiteMesh入门(1-1)SiteMesh是什么?

1、问题的提出

在开发Web 应用时,Web页面可能由不同的人参与开发,因此开发出来的界面通常千奇百怪、五花八门,风格难以保持一致。

为了统一界面的风格,Struts 框架提供了一个标签库Tiles 来进行网页的框架布局 。



它由一个主框架文件(frame.jsp)
包含四个文件(头文件(header.jsp)、菜单文件(menu.jsp)、底部文件(foot.jsp)、内容文件(body.jsp))。
其中header.jsp、foot.jsp 内容不改变,body.jsp的内容 随着menu.jsp 的动作而发生改变。
这种方式有两个不足之处:
● 每个JSP 页面都需要拆分为多个JSP文件(frame.jsp 和 body.jsp)
● 如果要修改整个站点的布局,必须修改类似frame.jsp 的框架页面。

SiteMesh是类似问题的另一种解决方案。
为了解决Struts Tiles 的不足之处,SiteMesh 框架出现了,SiteMesh框架采用了装饰模式,它为每一个请求的页面进行修饰,附加上其他的内容后返回给客户端。
\color{red}{实际上,SiteMesh是一个页面过滤器,在页面被处理之后,返回Web 浏览器之前,对页面做了一些附加操作。}

2、SiteMesh 简介

SiteMesh 是一个网页布局和修饰的框架,利用它可以将网页的内容和页面结构分离,以达到页面结构共享的目的。

Sitemesh是由一个基于Web页面布局、装饰以及与现存Web应用整合的框架。

它能帮助我们在由大量页面构成的项目中创建一致的页面布局和外观,如一致的导航条,一致的banner,一致的版权,等等。
它不仅仅能处理动态的内容,如jsp,PHP,asp等产生的内容,它也能处理静态的内容,如htm的内容,使得它的内容也符合你的页面结构的要求。甚至于它能将HTML文件象include那样将该文件作为一个面板的形式嵌入到别的文件中去。

3、开发步骤:

3.1、下载和安装SiteMesh

官方下载地址:http://www.opensymphony.com/sitemesh/download.action

安装SiteMesh

① 将下载的sitemesh-2.4.1.jar 添加到项目的WebContent\WEB_INF\lib目录下。
注:在sitemesh-2.4.1.jar 包中的META-INF\目录下有两个标签库文件sitemesh-decorator.tld、sitemesh-page.tld
② 配置web.xml文件

 **<!--配置SiteMesh 过滤器-->**          <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>/**test.jsp**</url-pattern> <!--test.jsp 是要被装饰的页面,如是“ /* ”指对WebContent/目录下的所有JSP页面进行装饰-->
    </filter-mapping>

 **<!--配置SiteMesh标签库-->**         <taglib>
               <taglib-uri>sitemesh-page</taglib-uri>
               <taglib-location>/WEB-INF/lib/**sitemesh-page.tld**</taglib-location>
    </taglib>
    <taglib>
               <taglib-uri>sitemesh-decorator</taglib-uri>
               <taglib-location>/WEB-INF/lib/**sitemesh-decorator.tld**</taglib-location>
    </taglib>

③ 在WEB-INF目录下加入decorators.xml文件

<?xml version="1.0" encoding="ISO-8859-1"?>
<decorators defaultdir="/decorators"> <!--装饰文件存放的目录-->
          <decorator name="main" page="main.jsp">   <!--装饰文件为main.jsp-->
                    <pattern>/test.jsp</pattern>  <!--要被装饰的页面,如是“ /* ”指对WebContent\目录下的所有JSP页面进行装饰-->
          </decorator>
          <decorator name="panel" page="panel.jsp"/>
          <decorator name="printable" page="printable.jsp"/>
          <excludes>    <!--过滤不被装饰的页面-->
                     <pattern>/exclude.jsp</pattern>
                     <pattern>/exclude/*</pattern>
         </excludes>
</decorators>

④ 添加sitemesh.xml 文件
sitemesh.xml 在下载包的sitemesh-2.4.1\src\example-webapp\WEB-INF\ 目录下
sitemesh.xml也放在WEB-INF下面,配置sitemesh的行为,使用何种页面解析器和装饰器,
也可以不要该文件,sitemesh.jar里面自带的默认的配置,包含更多装饰器,
如果不需要那些更多的装饰器,则最好自己配置,避免多个装饰器调用造成的无谓性能损失。

<sitemesh>

    <property name="decorators-file" value="/WEB-INF/decorators.xml"/>\

        <excludes file="${decorators-file}"/>

    <page-parsers>
        <parser content-type="text/html" class="com.opensymphony.module.sitemesh.parser.FastPageParser"/>
    </page-parsers>    

    <decorator-mappers>
        <mapper class="com.opensymphony.module.sitemesh.mapper.ConfigDecoratorMapper">
            <param name="config" value="${decorators-file}"/>
        </mapper>
    </decorator-mappers>
</sitemesh>
3.2、一个例子

① 在WebContent\decorators\目录下创建装饰文件main.jsp 如下:
<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator" prefix="decorator" %>

<html>
      <head>
                <title>My Site-**<decorator:title default="Welcome!"/>**</title>
                **<decorator:head/>**       </head>
      <body>
               <h1>**<decorator:title default="Welcome to MyHouse"/>**</h1>
               <p>**<decorator:body/>**</p>
               <p><small>(<a href="#">printable version</a>)</small></p>
      </body>
</html>

② 在WebContent\目录下创建两个文件test.jsp、test1.jsp
test.jsp 和test1.jsp 的内容一样都是如下:

<html>
         <head>
                   <title>Simple Document</title>
         </head>
         <body>
                    Hello World!<br/>
         </body>
</html>

③ 在浏览器中打开这两页面


\color{red}{test.jsp 是经过SiteMesh 装饰过的页面,test1.jsp 是没有经过装饰的页面。}

\color{#FF02F0}{这里是自我结论:}
这里的main.jsp是主框架,展示的内容是main.jsp的架子,然后根据需要装饰的页面内容对main.jsp的内容进行更改

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 160,026评论 4 364
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,655评论 1 296
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 109,726评论 0 244
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,204评论 0 213
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,558评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,731评论 1 222
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,944评论 2 314
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,698评论 0 203
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,438评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,633评论 2 247
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,125评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,444评论 3 255
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,137评论 3 238
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,103评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,888评论 0 197
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,772评论 2 276
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,669评论 2 271

推荐阅读更多精彩内容