`
huangfoxAgain
  • 浏览: 36953 次
  • 性别: Icon_minigender_1
  • 来自: 常州
社区版块
存档分类
最新评论

初试sitemesh实现模块简易整合

阅读更多
目的:通过sitemesh将多个模块整合到一个页面当中,并且可配置。

关键点:
1. sitemesh装饰器的组合应用。利用装饰器中可以使用其他多个装饰器的功能,实现网页的组件化。
2. 此处用一个装饰器作为主体框架(主体装饰器),另外一个装饰器作为模块的容器(模块装饰器,注意模块装饰器只是一个html片段)。主体框架装饰请求页面,并通过模块装饰器加载其他模块。
3. 主体装饰器负责各个功能模块的布局展示。

代码(关键代码)
1. 主体装饰器:
<decorator:body></decorator:body>
    <hr>
    <div style="float: left ; margin-left: 20px ;">
    <page:apply-decorator name="moduleContainer" page="/a.jsp"></page:apply-decorator>
    </div>
    <div style="float: left ; margin-left: 20px ;">
    <page:apply-decorator name="moduleContainer" page="/b.jsp"></page:apply-decorator>
    </div>
    <div style="float: left ; margin-left: 20px ;">
    <page:apply-decorator name="moduleContainer" page="/c.jsp"></page:apply-decorator>
    </div>


2. 模块装饰器
<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator" prefix="decorator" %>
 <body>
   <div class="moduleContainer">
   	[module container]
   	<decorator:body></decorator:body>
   </div>
 </body>


3. sitemesh配置文件
<?xml version="1.0" encoding="ISO-8859-1"?>

<decorators defaultdir="/decorators">
    <decorator name="frame" page="frame.jsp">
        <pattern>/*</pattern>
    </decorator>
	<decorator name="moduleContainer" page="moduleContainer.jsp"></decorator>
</decorators>


4.另外编写一个index.jsp, 和三个功能模块页面。(这里列举一个简易的实例a.jsp)
  <body>
    <div style="width: 300px ; height: 300px ; background: red ;">这里是模块A的内容!</div>
  </body>


效果图:





分享到:
评论

相关推荐

    spring-boot-sitemesh源码整合

    spring-boot-sitemesh 源码整合

    spring mvc sitemesh velocity整合

    总的来说,Spring MVC、Sitemesh和Velocity的整合提供了一种高效且灵活的Web开发模式,实现了页面的统一布局和动态内容的高效渲染。随着Hibernate的加入,这个组合将具备完整的MVC功能,包括业务逻辑处理、页面展示...

    Struts2整合SiteMesh

    将Struts2与SiteMesh整合,可以实现更加统一和规范化的网站外观,并减少重复代码。 整合Struts2和SiteMesh主要涉及以下几个步骤: 1. **添加依赖**:首先,在项目中引入SiteMesh的jar包。如果使用的是Maven,可以...

    freemarker 与sitemesh 整合例子

    在提供的压缩包文件`g_sipac_tdd`中,可能包含了实现这一整合的示例代码,包括配置文件、Freemarker模板文件以及可能的Java控制器代码。这些文件可以作为学习和实践Freemarker与Sitemesh整合的起点,帮助开发者理解...

    【源码】SpringMVC与SiteMesh2.4无缝整合并借助JSR303规范实现表单验证

    这是我的这篇博文的源码:SpringMVC与SiteMesh2.4无缝整合并借助JSR303规范实现表单验证,博文地址:http://blog.csdn.net/jadyer/article/details/7574668

    Struts2整合SiteMesh技巧

    通过整合Struts2与SiteMesh,开发者可以在保持Struts2框架的灵活性的同时,利用SiteMesh实现一致且美观的页面布局设计。 #### 配置基础 要使Struts2与SiteMesh协同工作,首先需要确保项目中包含了以下三个库文件:...

    网络应用程序整合框架SiteMesh源码

    SiteMesh是一款网页布局和装饰器框架,也是一个网络应用程序整合框架,它可以用来维护那些很多页面,并且希望保持所有页面的布局、链接和风格一致的大型网站应用整合与维护。使用SiteMesh可以抽象出页面中的公共布局...

    sitemesh

    装饰(Decoration)是Sitemesh实现页面模板化的方式。装饰器(Decorator)是Sitemesh中的一个组件,负责处理页面装饰的过程。它可以被配置为只对特定URL模式的页面生效,或者全局应用。装饰器通常包含母版页面,并...

    SiteMesh教程及SiteMesh官方文档翻译

    要在Spring MVC项目中整合Sitemesh和Freemarker,首先需要确保项目中已经包含了Sitemesh和Freemarker的相关依赖。然后,可以在`web.xml`中配置Sitemesh过滤器,并在Spring配置文件中配置Freemarker视图解析器。 ...

    SiteMesh

    在Web开发中,SiteMesh扮演着视图层的装饰者角色,使得页面设计更加模块化,降低了代码的复杂性。 SiteMesh的工作原理是基于过滤器(Filter)机制,当用户请求一个页面时,SiteMesh过滤器会捕获这个请求,然后将...

    siteMesh demo+文档

    5. **自定义装饰策略**:如果你的项目有特殊需求,SiteMesh允许你通过实现自己的装饰器类来自定义装饰逻辑。 6. **处理动态内容**:SiteMesh能够处理动态生成的内容,比如由Struts、Spring MVC或其他Web框架生成的...

    sitemesh框架简单例子

    Sitemesh是一款强大的Web页面布局和装饰框架,它主要用于帮助开发者实现网站的统一外观和感觉。这个框架的主要功能是将页面的主体内容与页眉、页脚、侧边栏等通用部分分离,使得在大量网页中保持一致的设计风格变得...

    分享一个freemarker sitemesh jsp ext整合的完整项目

    1. **配置整合**:首先,你需要在Web应用的配置文件(如web.xml)中配置Sitemesh Filter,这样Sitemesh就能拦截并处理所有请求。同时,还需要配置Freemarker的初始化参数,例如模板目录和默认编码等。 2. **模板...

    struts2与sitemesh整合所需架包

    通过以上步骤,我们成功地将Struts2和Sitemesh整合在一起,实现了页面布局的统一管理。这不仅提高了代码的可维护性,还使开发者能专注于业务逻辑,而不用关心页面的具体呈现。在实际开发中,可以根据项目需求调整...

    sitemesh-3.0.0的库和源码

    Sitemesh 是一个开源的Web应用程序框架,主要用于帮助开发者实现网站的统一外观和感觉,即页面布局和装饰功能。它通过拦截HTTP请求,将页面内容与预先定义好的模板结合,从而实现页面的统一风格。在Sitemesh 3.0.0...

    SiteMesh教程.pdf

    SiteMesh通过一个名为Decorator Filter的过滤器(filter)来实现页面装饰。当一个HTTP请求被接收时,SiteMesh的PageFilter拦截该请求,并将请求的页面内容捕获,然后将页面内容传递给装饰器(decorator)。装饰器是...

    java sitemesh 页面框架

    Sitemesh通过将页面分为内容区域和装饰模板来实现这一目标,使得开发者可以专注于编写业务逻辑,而不用过多考虑页面的样式和布局。 Sitemesh的工作原理: 1. **拦截请求**:Sitemesh通过Servlet Filter机制拦截到...

    页面装饰器(sitemesh)实例源代码

    页面装饰器(Sitemesh)是一种广泛用于Web应用的开源框架,它的主要功能是提供页面布局和装饰功能,使得开发者可以方便地实现统一的页面头部、尾部、侧边栏等元素,从而提高网站的整体风格一致性。在本实例中,我们...

Global site tag (gtag.js) - Google Analytics