［转］Struts 之页面布局

在以前的开发过程中，我常常遭遇这样的经历，要完成某个任务，首先由页面设计人员来设计页面原型，再交给程序员进行处理。很多情况下，我们总是要整理一个完整的页面。事实上，我们做了太多的重复工作。很多页面的结构是完全相同的，页面的头，尾，导航菜单都是相同的，只是主体内容部分不同而已。重复整理这些相同的部分是一个不小的负担，我们很自然的想到，要是这些页面元素能够复用就会省下很多事。

Struts 内置了Tiles，利用它可以很好复用页面，使用起来就像我们复用类一样。

使用Tiles

1.如果页面内容对页面进行划分，一个页面可以分成很多块，如header , footer , menu, content,等，如果新闻门户网站，content可以进一步细分，footall, entertainment, 等。

这里仅仅作演示，我将页面分header , footer ，content。

展开Configuration Files，打开tile-defs.xml，定义一个最本的页面模板，其它页面在这个基础上进行扩充（这有点像定义一个基类，其它则子类继承基类，以获得基类的特性）。

其它页面以这个为基础，继承这个模板内容，可以重新定义title和body内容。

事实，这和Java中类的继承非常类似。

2.相应的jsp页面，在Web pages下新建一个layouts目录。默认模板(即default.jsp)内容如下。

其中，getAsString表示title以一个字符串的形式插入模板。

header.jsp中定义了页面标题。

<%@page contentType="text/html"%>

<%@page pageEncoding="UTF-8"%>

Struts Demo Application

footer.jsp内容版本声明，如下：

<%@page contentType="text/html"%>

<%@page pageEncoding="UTF-8"%>

Copyright 2007© hantsy<[e-mail]>

其它页面，各复制一份到layouts目录中，页面只留body之间的内容。

如indexBody.jsp内容如下：

<%@page contentType="text/html"%>

<%@page pageEncoding="UTF-8"%>

<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>

<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>

<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>

Home Page

Welcome,

Guest !Logon or

Register Now...

,

Log Out..

3.修改Struts配置文件，将所有jsp文件路径替换成tile配置文件中定义的名称。

值得注意的是，使用Tile必须的两个最重要的配置，NetBeans在创建项目时已经帮我们自动完成了。

一个是注册Tile插件，打开Struts配置文件struts-config.xml我们就可以看到。

另外一个是，重新定义controller，将processorClass改成使用 org.apache.struts.tiles.TilesRequestProcessor。

4.运行项目进行测试。

使用Sitemesh

Sitemesh是带来的另一款优秀的页面布局工具。它不专门针对Struts ,甚至其它语言的web程序也可以使用它。

它使用Decorator模式达到预期效果。这里可以将页面分为两类，decorator（修饰）和decoratored（被修饰）。这就好比有一个相框和各种不同可以用来变换的相片，当相框中放入不同的相片，就得到不同的视觉效果。

1.下载并安装Sitemesh。

从下载最新的sitemesh 2.3，解压到硬盘。

将/lib下的common-collections.jar，freemarker.jar, velocity-deps-1.3.1.jar,velocity-tools-view-1.3.1.jar和/dist下sitemesh-2.3.jar添加到项目Libraries中。

将\src\etc\tld\jsp1.2的sitemesh-decorator.tld和sitemesh-page.tld复制一份到项目的web/WEB-INF/下面。

2.配置sitemesh。

从configurations中打开web.xml，定义Sitemesh　Filter。

sitemesh

com.opensymphony.module.sitemesh.filter.PageFilter

　

sitemesh

/*

在下面的jsp-config中添加sitemesh的taglib定义，在最新的jsp 2.0标准，这不是必须的。

sitemesh-page

/WEB-INF/lib/sitemesh-page.tld

sitemesh-decorator

/WEB-INF/lib/sitemesh-decorator.tld

在web/WEB-INF在定义两个基本的sitemesh配置文件，这两个文件可以sitemesh包复制过来。

sitemesh.xml定义最基本的应用规则。

decorators.xml中定义具体的decortor应用规则。

/exclude.jsp

/exclude/*

/*

3.定义Decorator。

在Web Pages下新建一个目录，命名为decorators，在这个新建的目录中新建main.jsp，作为主要的decorator。

<%@page contentType="text/html"%>

<%@page pageEncoding="UTF-8"%>

<%@ taglib uri="" prefix="decorator" %>

<%@ taglib uri="" prefix="page" %>

另外再定义一个panel。

<%@ taglib uri="" prefix="decorator" %>

文件中，decorator:title和decorator:body定义要被替换的内容位置，应用之后，分别替换成decoratored页面的title和body标签中间的内容。

下面将Web Pages下的页面恢复成原貌。如index.jsp内容如下。

<%@page contentType="text/html"%>

<%@page pageEncoding="UTF-8"%>

<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>

<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>

<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>

Welcome,

Guest !Logon or

Register Now...

,

Log Out..

同时还要修改Struts定义文件，将上一节中tiles定义的page名称全部还要成具体的页面路径。

name="UserForm"

path="/register"

scope="session"

type="com.myapp.web.RegisterAction">

name="UserForm"

path="/logon"

scope="session"

type="com.myapp.web.LogonAction"/>

另外还要禁用tiles，以免和sitemesh发生冲突。注释掉controller定义，让Struts使用默认的requestProcessor。

4.运行程序，测试效果。