Sitemesh应用

最新推荐文章于 2017-12-10 12:15:46 发布

原创最新推荐文章于 2017-12-10 12:15:46 发布 · 151 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #JSP #XML #CSS #jQuery #ViewUI

sitemesh 专栏收录该内容

1 篇文章

订阅专栏

1.加入包

sitemesh-2.3.jar

2.在web.xml中配置过滤器

<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>

3.在web-info下建立文件decorators.xml，文件例如

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

<decorators defaultdir="/decorators">

<excludes>
  <pattern>/login.jsp</pattern>
  <pattern>/js/*</pattern>
  <pattern>/images/*</pattern>
  <pattern>/decorators/*</pattern>

ajax等异步请求要写在这里
</excludes>

<decorator name="admin" page="admin/admin.jsp">
  <pattern>/admin/welcome.action</pattern>
  <pattern>/admin/pubinfo/*</pattern>
</decorator>
<decorator name="index" page="index/index.jsp">
  <pattern>/index/classify/index*</pattern>
</decorator>
</decorators>

4.在web-info下建立文件sitemesh.xml，文件例如

由sitemesh.xml内容首行知道，decorators.xml是由sitemesh.xml关也就是说上面新建的 decorators.xml的位置和文件名是可以更改的，在更改之后，需要在sitemesh.xml更改其对应的路径。现在可以这样认为 sitemesh.xml只是为加载decorators.xml，只了decorators.xml可以变，其它内容都是固定的。

那sitemesh.xml又是由谁来加载的？很容易想到，sitemesh.xml可能像struts,spring等配置文件一样是在 web.xml中加载的。但是其实不是这样的。Sitemesh.xml文件的位置和文件名是固定的，也就是说sitemesh.xml的加载过程被 sitemesh jar包封装起来了。那web.xml中就不需要配置sitemesh相关内容了？也不是，sitemesh的原理是拦截请求和响应，在java web中有一个接口是专门弄这东西的。对，就是Filter(过滤器)。我们要在web.xml中加上sitemesh过滤器。

5.建立对应的模板main.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator"
    prefix="decorator"%>
    <%@ taglib uri="http://www.opensymphony.com/sitemesh/page" prefix="page"%>
    <%@include file="../frame/taglib.jsp"%>

<%
    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>

   <title><decorator:title default="IP复用系统" /></title>
        <link rel="stylesheet" type="text/css"
            href="<%=basePath%>css/style.css">
        <link rel="stylesheet" type="text/css"
            href="<%=basePath%>css/calendar-win2k-cold-1.css">

        <script type="text/javascript" src="${pageContext.request.contextPath }/js/IEFirefox.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath }/js/zDialog.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath }/js/zDrag.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.3.2.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath }/js/calendar.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath }/js/calendar-setup.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.cookie.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath }/js/calendar-zh.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath }/js/floatDiv.js"></script>

        <script type="text/javascript">

     function switchSysBar(){
        if (document.getElementById("left").style.display=="")
        {
            document.getElementById("img1").src="<%=basePath%>images/main_30_1.gif";
            document.getElementById("left").style.display="none";
            document.getElementById("right").style.width="100%" ;
        }
        else
        {
            document.getElementById("img1").src="<%=basePath%>images/main_30.gif";
            document.getElementById("left").style.display="" ;
            document.getElementById("right").style.width="95%";
        }
    }

</script>

    <decorator:head />

    </head>


    <body id="body" style="" >
    
       <c:if test="${empty logdata_session_login_user}">
         <script type="text/javascript">
           window.location="<%=basePath%>login.jsp";
         </script>
       </c:if>
        <div id="body" style="">

            <table width="100%" height="100%" border="0" cellpadding="0"
                cellspacing="0" class="cont_tab" >
                <tr>
                    <td colspan="3">
                        
                        <div id="header">
                            <jsp:include page="top.jsp" flush="true" />
                        
                        </div>
                    </td>
                </tr>
                <tr>

                <td id="left" width="" valign="top">
                    <jsp:include page="left.jsp" flush="true" />
                </td>

                    <td height="100%" width="1px" background="<%=basePath%>images/main_27.gif" style="background-repeat: repeat-y;">

                                <img title="打开/关闭菜单" src="<%=basePath%>images/main_30.gif"
                                    name="img1" width="4" style="cursor:pointer;" height="47" id=img1
                                    onclick="switchSysBar();"/>

                    </td>

                    <td valign="top" width="95%" style="padding-right: 7px;" id="right">
                        <table width="100%" height="100%" border="0" cellpadding="0"
                            cellspacing="0" >

                            <tr>
                                <td>
                                    <table width="100%" height="100%" border="0" cellpadding="0"
                                        cellspacing="0" >
                                        <tr >
                                            <td width="100%" align="left" valign="top" style="">
                                                <decorator:body />
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <div id="footer"><jsp:include page="down.jsp" flush="true" /></div>
                    </td>
                </tr>
            </table>

        </div>
    </body>

</html>