SiteMesh入门篇(一)

SiteMesh我就不多说了。省的磨磨唧唧的。上 http://www.open-open.com/open19607.htm去看看吧。

 

第一步--------------------------------------------------------------------------------------------------------------

去他们首页去下载相应的JAR和相应的例子,我用的是sitemesh2.3。

新建项目加入sitemesh-2.3.jar

 

 

第二步--------------------------------------------------------------------------------------------------------------

在web.xml中加入SiteMesh所需要的过滤去配置,如下:

<filter> <filter-name>sitemesh</filter-name> <filter-class> com.opensymphony.module.sitemesh.filter.PageFilter </filter-class> </filter> <filter-mapping> <filter-name>sitemesh</filter-name> <url-pattern>/*</url-pattern> </filter-mapping>

 

第三步--------------------------------------------------------------------------------------------------------------

在WEB-INF自己手动添加一个decorators.xml配置文件,这个是SiteMesh必须用到的。内容如下:

<?xml version="1.0" encoding="ISO-8859-1"?> <decorators defaultdir="/decorators"> <decorator name="main" page="main.jsp"> <pattern>/*</pattern> </decorator> </decorators>

 

第四步--------------------------------------------------------------------------------------------------------------

在WebRoot下新建一个decorators文件夹 这里对应的是decorators.xml中的defaultdir="/decorators">
配置,注意一下。

在这个文件夹下建立一个main.jsp内容如下:注意这里的main.jsp对应的是decorators.xml中的page="main.jsp">
<%@ page language="java" contentType="text/html; charset=utf-8"%> <%@ taglib prefix="decorator" uri="http://www.opensymphony.com/sitemesh/decorator" %> <html> <head> <title> <decorator:title default="d"/> <decorator:head /> </title> <META HTTP-EQUIV="content-type" CONTENT="text/html; charset=utf-8"> <mce:style><!-- #head { height:80px; border: 1px solid #000; } #main-left { float:left; width:150px; border:1px solid #000; } #main-right { border:1px solid #000 } --></mce:style><style mce_bogus="1"> #head { height:80px; border: 1px solid #000; } #main-left { float:left; width:150px; border:1px solid #000; } #main-right { border:1px solid #000 } </style> </head> <body> <div id="head"> <p>头部</p> <p>头部1</p> </div> <div id="main-left"> <div> <ul> <li><a href="#" mce_href="#">菜单1</a></li> <li><a href="#" mce_href="#">菜单2</a></li> <li><a href="#" mce_href="#">菜单3</a></li> </ul> </div> </div> <div id="main-right"> <p>内容</p> <p>内容</p> <decorator:body/> </div> <br /> </body> </html>

 

 

你可能感兴趣的:(Decorator,filter,div,float,border,encoding)