sitemesh学习笔记(3)

时间：2023-12-14 22:58:56

前两篇博客浅谈了一下sitemesh3.0和2.4的区别和简单用法，今天我做了一个结合sturts2的sitemesh构架，由于strusts2只能用sitemesh2.x的版本，与3.0目前还不能兼容。所以我采用了sitemesh-2.4.2.jar+struts2-sitemesh-plugin-2.3.16.3.jar来对前堆的jsp做一下整理。前面的配置没什么区别，用法上多了几种灵活的用法。我就列举一个index.jsp的拆分过程。

首先我在WEB-INF下面新建两个文件夹content和decorators,一个用来放网页中独特的地方，一个用来放装饰器。我的index.jsp分为了这个几个部分，nav导航栏，jQuery代码，

中间独有的部分，登陆框，注册框，以及一个foot（这个部分还没做，暂且不去管它）。我在content下面建立两个jsp:index.jsp,header.jsp，同样的我在decorators下面建立五个jsp:header-dec.jsp,index-dec.jsp,login-dec.jsp,nav-dec.jsp,register.jsp。不要慌，小伙伴们，我会一一讲述这些jsp中放的是什么。

index.jsp中放的是原来index.jsp除了其他部分(头部，尾部，登陆框，注册框，jQuery代码)以外剩下的代码，也可以理解为独有的代码。header.jsp放的是jQuery的代码。

header-dec.jsp里面放的是一些链接外部css和js的代码。当然还得在后面加上重要的一句话：<decorator:body></decorator:body>把header.jsp的东西包含进来。

nav-dec.jsp放的是导航栏的代码，register.jsp放的是注册框的代码，login.jsp放的是登陆框的代码。最后在index-dec.jsp里面放的是一些组装代码。

我先把这个文件列上去待会在去解释：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%@taglib prefix="s" uri="/struts-tags" %>

<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator" prefix="decorator" %>

<%@ taglib uri="http://www.opensymphony.com/sitemesh/page" prefix="page" %>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

   <base href="<%=basePath%>">

    <title><decorator:title default="网上书店"></decorator:title></title>

	<meta http-equiv="pragma" content="no-cache">

	<meta http-equiv="cache-control" content="no-cache">

	<meta http-equiv="expires" content="0">

	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

	<meta http-equiv="description" content="This is my page">

	<page:apply-decorator name="header" page="/WEB-INF/content/header.jsp"></page:apply-decorator>

  </head>

  <body>

 	<page:applyDecorator name="nav" />

    <decorator:body></decorator:body>

    <page:applyDecorator name="register" />

    <page:applyDecorator name="login" />

  </body>

</html>

然后让我来解释一下这个访问过程，我先通过webapp目录下面的index.jsp重定向到一个action,由这个action跳转到index.jsp(content目录下面),读取web.xml发现装饰器，再去读decorators.xml：

<?xml version="1.0" encoding="UTF-8"?>

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

    <!-- 排除不需要装饰的url,我们这里所有的异步都是/ajax开头，这样ajax的请求都不会被装饰 -->

    <excludes>

        <pattern>/ajax/*</pattern>

    </excludes>

    <decorator name="index" page="index-dec.jsp">

        <pattern>/*</pattern>

    </decorator>

    <decorator name="header" page="header-dec.jsp"/>

    <decorator name="nav" page="nav-dec.jsp"/>

    <decorator name="register" page="register-dec.jsp"/>

     <decorator name="login" page="login-dec.jsp"/>

</decorators>

根据匹配路径index.jsp（content目录下面）需要名叫index的decorator 这个decorator的文件名叫做index-dec.jsp，这个时候其实最主要就是去解释index-dec.jsp了

这个jsp新增了一些我之前没用到过的方法，下面一一讲解：

<page:apply-decorator name="header" page="/WEB-INF/content/header.jsp"></page:apply-decorator>

把/WEB-INF/content/header.jsp文件经过header这个装饰器装饰后，然后输出到指定部分。哈哈，这里其实有一点点小突破，即不经过配置文件也可以使用装饰器。

而且也很方便。其实这个装饰器使用很灵活，不仅可以象上面我说的那样用，而且可以通过配置文件使用，第三个方式就是可以直接使用

<decorator name="nav" page="nav-dec.jsp"/>

这样就可以在访问content下面的index.jsp的文件的时候就可以得到一堆积木组成的jsp了。

相关文章