siteMesh使用参考

最新推荐文章于 2020-12-31 15:54:46 发布
最新推荐文章于 2020-12-31 15:54:46 发布
阅读量69 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： JSP Web XML 浏览器 HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/handle520/article/details/83701380
创建一个Web应用程序，这里我创建一个名为myapp的Web应用程序；
复制sitemesh-2.2.1.jar文件到{myapp}/WEB-INF/lib目录下；
编辑{myapp}/WEB-INF/web.xml文件
<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"
version="2.4">
<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>

<session-config>
<session-timeout>
30
</session-timeout>
</session-config>
<welcome-file-list>
<welcome-file>
index.jsp
</welcome-file>
</welcome-file-list>
</web-app>



添加蓝色高亮部分。

在{myapp}/WEB-INF/目录下创建decorators.xml文件，并且输入一下内容
<?xml version="1.0" encoding="ISO-8859-1"?>

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

<decorator name="panel" page="panel.jsp"/>
<decorator name="printable" page="printable.jsp"/>
</decorators>


安装完毕。
例子1
在{myapp}/WEB-INF/decorators.xml文件中添加以下decorator
<decorator name="mydecorator1" page="mydecorator1.jsp">
<pattern>/test1.jsp</pattern>
</decorator>

在{myapp}/decorators目录下添加mydecorator1.jsp文件，内容如下:
<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator" prefix="decorator" %>
<html>
<head>
<title>My Site - <decorator:title default="Welcome!" /></title>
<decorator:head />
</head>
<body>
<decorator:body />
<p>This message is in /decorators/mydecorator1.jsp</p>
</body>
</html>


在{myapp}目录下添加test1.jsp文件，内容如下：
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>This is test1</title>
</head>
<body>
<b>This is test1</b>
</body>
</html>



打开浏览器，访问http://localhost:8080/myapp/test1.jsp，将会出现一下内容：
This is test1


This message is in /decorators/mydecorator1.jsp



例子2 (decorator:getProperty tag)

有时候，我们期望修改页面中某个有固定标记的片段，例如我们的jsp中有一个标记<mytag>...</mytag>，此时可以用如下方法实现：

在{myapp}/WEB-INF/decorators.xml文件中添加以下decorator
<decorator name="mydecorator2" page="mydecorator2.jsp">
<pattern>/test2.jsp</pattern>
</decorator>

在{myapp}/decorators目录下添加mydecorator2.jsp文件，内容如下:
<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator" prefix="decorator" %>

<html>
<head>
<title>My Site - <decorator:title default="Welcome!" /></title>
<decorator:head />
</head>

<body>
<decorator:body />

<decorator:getProperty property="page.content1"/>
<decorator:getProperty property="page.content2"/>

<!-- do nothing -->
<decorator:getProperty property="page.content3"/>

<p>This message is in /decorators/mydecorator2.jsp</p>
</body>
</html>


在{myapp}目录下添加test2.jsp文件，内容如下：
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>This is test2</title>
</head>

<body>
<b>This is test2</b>
<b>Use <decorator:getProperty> tag</b>

<content tag="content1"><p>This is content1</p></content>
<content tag="content2"><p>This is content2</p></content>
<content tag="content4"><p>This is content4, it shouldn't be display</p></content>
</body>
</html>


打开浏览器，访问http://localhost:8080/myapp/test2.jsp，将会出现一下内容：
This is test2

Use <decorator:getProperty> tag

This is content1

This is content2

This message is in /decorators/mydecorator2.jsp


例子3 (page:applyDecorator tag)
在{myapp}/WEB-INF/decorators.xml文件中添加以下decorator
<decorator name="mydecorator3" page="mydecorator3.jsp">
<pattern>/test3.jsp</pattern>
</decorator>

<decorator name="mydecorator31" page="mydecorator31.jsp">
</decorator>


在{myapp}/decorators目录下添加mydecorator3.jsp文件，内容如下:
<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator" prefix="decorator" %>
<%@ taglib uri="http://www.opensymphony.com/sitemesh/page" prefix="page" %>
<html>
<head>
<title>My Site - <decorator:title default="Welcome!" /></title>
<decorator:head />
</head>

<body>
<decorator:body />

<page:applyDecorator name="mydecorator31">
<content tag="content1"><p>This is content1</p></content>
<content tag="content2"><p>This is content2</p></content>
</page:applyDecorator>
</body>
</html>


在{myapp}/decorators目录下添加mydecorator31.jsp文件，内容如下:

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

<p><i>begin</i></>
<decorator:getProperty property="page.content1"/>
<decorator:getProperty property="page.content2"/>
<p><i>end</i></>


在{myapp}目录下添加test3.jsp文件，内容如下：
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>This is test3</title>
</head>

<body>
<b>This is test3</b>
<b>Use <page:applyDecorator> tag</b>
</body>
</html>

注意：相对于例子2，这里已经没有了<content tag="XXX"/>标签。

打开浏览器，访问http://localhost:8080/myapp/test3.jsp，将会出现一下内容：
This is test3

Use <page:applyDecorator> tag

begin

This is content1

This is content2

end


这里，我在mydecorator3.jsp中应用了mydecorator31.jsp的的decorator，并且将原来在test2.jsp中的 <content />标签复制到mydecorator3.jsp中，此时对于<content tag="xxx"/>的标签将会由mydecorator31.jsp了装饰。

例子4 (page:param tag)
在{myapp}/WEB-INF/decorators.xml文件中添加以下decorator
<decorator name="mydecorator4" page="mydecorator4.jsp">
<pattern>/test4.jsp</pattern>
</decorator>

<decorator name="mydecorator41" page="mydecorator41.jsp">
</decorator>


在{myapp}/decorators目录下添加mydecorator4.jsp文件，内容如下:
<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator" prefix="decorator" %>
<%@ taglib uri="http://www.opensymphony.com/sitemesh/page" prefix="page" %>

<html>
<head>
<title>My Site - <decorator:title default="Welcome!" /></title>
<decorator:head />
</head>

<body>
<decorator:body />
<page:applyDecorator name="mydecorator41" >
<content tag="content1"><p>This is content1</p></content>
<content tag="content2"><p>This is content2</p></content>
<page:param name="page.content1"><p>This content1 has been replaced</p></page:param>
</page:applyDecorator>
</body>
</html>


在{myapp}/decorators目录下添加mydecorator41.jsp文件，内容如下:

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

<p><i>begin</i></>
<decorator:getProperty property="page.content1"/>
<decorator:getProperty property="page.content2"/>
<p><i>end</i></>


在{myapp}目录下添加test4.jsp文件，内容如下：
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>This is test4</title>
</head>

<body>
<b>This is test4</b>
<b>Use <page:param> tag</b>
</body>
</html>


打开浏览器，访问http://localhost:8080/myapp/test4.jsp，将会出现一下内容：
This is test4

Use <page:param> tag

begin

This content1 has been replaced

This is content2

end


这里，我在mydecorator4.jsp中应用了mydecorator41.jsp的的decorator，并且添加了<page:param name="page.content1">标签，那么此时页面上将会用<page:param>标签中的内容替换原来在<decorator:getProperty property="page.content1"/>中的内容，因此页面将不在“This is content1”而显示“This content1 has been replaced”。

本文来自优快云博客，转载请标明出处：http://blog.youkuaiyun.com/kongxx/archive/2007/05/13/1606901.aspx
handle520
关注
SiteMesh3简介及使用
王晓安
08-09 1万+
SiteMesh3 介绍 工作原理 配置及使用 下载 1添加maven依赖 2webxml中添加SiteMesh过滤器 3创建一个装饰页面decorator page 4创建一个被装饰页面content page 5配置 1XML方式 1Java方式 6查看效果 7高级配置 1XML形式配置 2Java形式配
sitemesh入门demo
08-31
这个demo是基于博主的**Sitemesh入门和使用笔记**，提供了对应的源码供学习者实践和参考。以下是关于Sitemesh的详细讲解： 1. **安装与配置** - 首先，你需要将Sitemesh的JAR文件添加到你的项目类路径中。这可以...
sitemesh使用
anyao4367的博客
03-01 83
参考文章： https://my.oschina.net/heroShane/blog/199177 http://blog.youkuaiyun.com/u013019926/article/details/17604953 转载于:https://www.cnblogs.com/beautifulFuture/p/6485271.html
SiteMesh 网页模板插件应用参考
sheinenggaosuwo的专栏
12-11 201
1、maven依赖 &lt;!-- https://mvnrepository.com/artifact/opensymphony/sitemesh --&gt; &lt;dependency&gt; &lt;groupId&gt;opensymphony&lt;/groupId&gt; &lt;artifactId&gt;sitemesh&lt;/artifactId&gt; &lt;...
Sitemesh 3 模板框架使用
Alex的博客
03-15 491
1 . Sitemesh 3 简介 Sitemesh 是一个网页布局和修饰的框架，基于 Servlet 中的 Filter，类似于 ASP.NET 中的‘母版页’技术。参考：百度百科，相关类似技术：Apache Tiles。 官网：http://wiki.sitemesh.org/wiki/display/sitemesh/Home 2 . Sitemesh 3 下载 最新版本：3.0.
SiteMesh3使用介绍及配置方法
Monster_WangXiaotu的博客
03-06 351
1.简单介绍Sitemesh 是一个网页布局和修饰的框架，基于 Servlet 中的 Filter，类似于 ASP.NET 中的‘母版页’技术。参考：百度百科. 官网：http://wiki.sitemesh.org/wiki/display/sitemesh/Home 。2.sitemesh3 相关jar包下载 GitHub 地址：https://github.com/sitemesh/site...
sitemesh框架的简单使用(springboot+maven+jsp+sitemesh)
qq_40564810的博客
12-31 1171
一 简单介绍 sitemesh是一种模板框架，是为了解决页面重复代码而设计的 sitemesh的设计思想是装饰者设计模式 二 简单使用 目录结构，因为我这个项目本来是用来学习flowable的，后面为了方便快速学习，直接把sitemesh集成到这里了，读者只需关心下方红框的文件即可 引用依赖（由于springboot默认使用的是themeleaf，不支持使用jsp，所以我们需要引入相关支持jsp的依赖，因为公司用的jsp，所以这里也是用jsp进行演示） <dependency>
Sitemesh3 的使用及配置
零度的博客专栏
10-14 1801
1、Sitemesh 3 简介 Sitemesh 是一个网页布局和修饰的框架，基于 Servlet 中的 Filter，类似于 ASP.NET 中的‘母版页’技术。参考：百度百科，相关类似技术：Apache Tiles。 官网：http://wiki.sitemesh.org/wiki/display/sitemesh/Home 。 2、Sitemesh 3 下载 最新版本
Sitemesh3的配置和使用
不应有的淡定的博客
03-07 1139
sitemesh也就是我们平时说的装饰器框架，其实作用和jsp的include方法差不多，但是博主也百度了各种差别，看到有一篇博客说的挺好。 首先来看一下百科的定义：SiteMesh 是一个网页布局和修饰的框架，利用它可以将网页的内容和页面结构分离，以达到页面结构共享的目的。OS(OpenSymphony)的SiteMesh是一个用来在JSP中实现页面布局和装饰（layout and decor
springboot集成sitemesh
u014178917的博客
08-01 1328
1.maven 依赖 &lt;dependency&gt; &lt;groupId&gt;org.sitemesh&lt;/groupId&gt; &lt;artifactId&gt;sitemesh&lt;/artifactId&gt; &lt;version&gt;3.0.1&lt;/version&gt; &lt;/dependency&gt;
sitemesh布局知识点汇总
01-11
4. **装饰过程**：使用选定的装饰器对资源进行装饰，将装饰后的结果返回给客户端浏览器。 #### 四、简单示例 下面是一个简单的Sitemesh安装和配置示例，以展示如何在项目中集成Sitemesh： ##### 1. 安装步骤 - **...
sitemesh3包
11-22
在本篇文章中，我们将深入探讨 Sitemesh3 的核心特性、安装过程、使用方法以及 SDK 包含的组件。 首先，我们来看看标题中的 "sitemesh3包"。这个包通常包含了 Sitemesh3 的完整源码、编译后的 JAR 文件、示例代码、...
sitemesh3-demo
10-28
在参考链接中提到的博客文章（http://blog.youkuaiyun.com/thc1987/article/details/6913416），作者详细介绍了如何配置Sitemesh3以及在实际项目中应用它的步骤，包括下载和引入依赖、配置过滤器、设置装饰规则以及处理...
高大上信息化教学设计说课PPT课件模板.pptx
08-04
高大上信息化教学设计说课PPT课件模板.pptx
电子商务文案入门必读PPT学习课件.ppt
08-04
电子商务文案入门必读PPT学习课件.ppt
web压力测试实验报告.doc
最新发布
08-04
web压力测试实验报告.doc
Linux-I2C总线分析(主要是probe的方式).doc
08-04
Linux-I2C总线分析(主要是probe的方式).doc
图片添加文字的两种常见方法
08-04
资源下载链接为： https://pan.quark.cn/s/9e7ef05254f8 在网页设计中，为图片添加文字是一种常见的需求，用于增强视觉效果或传达更多信息。本文将介绍两种常用的方法：一种是将图片设置为背景并添加文字；另一种是利用<span>标签结合CSS定位来实现。 这种方法通过CSS实现，将图片设置为一个容器（通常是<div>）的背景，然后在容器中添加文字。具体步骤如下： 创建一个包含文字的<div>元素： 使用CSS设置<div>的背景图片，并调整其尺寸以匹配图片大小： 如有需要，可使用background-position属性调整图片位置，确保文字显示在合适位置。这样，文字就会显示在图片之上。 另一种方法是将文字放在<span>标签内，并通过CSS绝对定位将其放置在图片上。步骤如下： 创建一个包含图片和<span>标签的<div>： 设置<div>为相对定位，以便内部元素可以相对于它进行绝对定位： 设置<span>为绝对定位，并通过调整top和left属性来确定文字在图片上的位置： 这种方法的优点是可以精确控制文字的位置，并且可以灵活调整文字的样式，如颜色和字体大小。 两种方法各有优势，可根据实际需求选择。在实际开发中，还可以结合JavaScript或jQuery动态添加文字，实现更复杂的交互效果。通过合理运用HTML和CSS，我们可以在图片上添加文字，创造出更具吸引力的视觉效果。
linux下搭建SVN服务器完全手册模板.doc
08-04
linux下搭建SVN服务器完全手册模板.doc
SiteMesh官方Freemarker教程翻译
SiteMesh教程是一份针对SiteMesh官方文档的中文翻译文章，主要讲解了如何在Java Web应用中利用SiteMesh进行页面布局和视图...SiteMesh教程是一个帮助开发人员提高Java Web开发效率，实现优雅页面设计的重要参考资料。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值