设为首页 - 加入收藏 焦点技术网
热搜:java
当前位置:首页 >

strtus之Titles框架应用

2007-09-07 16:30:00.0 SSL/SOAP 框架 insert struts header jsp table  
导读:Tiles框架建立在JSP的include指令的基础上,但它提供了比JSP的include指令更强大的功能。Tiles框架具有如下特性:- 创建可重用的模板- 动态构建和装载页面- 定义可重用的Tiles组件- 支持国际化 Tiles框架包含以下内容:- Tiles标签库- Tiles组件的配置文件- TilesPlugIn插件 Tiles标签库的标签和JSP include指令具有相同的功能,也...。。。

Tiles框架建立在JSP的include指令的基础上,但它提供了比JSP的include指令更强大的功能。

Tiles框架具有如下特性:
- 创建可重用的模板
- 动态构建和装载页面
- 定义可重用的Tiles组件
- 支持国际化 

Tiles框架包含以下内容:
- Tiles标签库
- Tiles组件的配置文件
- TilesPlugIn插件

Tiles标签库的标签和JSP include指令具有相同的功能,也能把其他的JSP
页面插入到当前页面中。例如,以下两条语句的作用是相同的:


标签的page 属性指定被插入的JSP 文件;flush属性的可选值包括true 和
false。当flush的属性值为true时,表示在执行插入操作之前,先调用当前页面的输出流的
flush()方法。

开发步骤

(1)安装Tiles标签库所需的文件。

以下文件必须位于WEB-INF/lib 目录中:

l struts.jar
l commons-digester.jar
l commons-beanutils.jar
l commons-collections.jar
l commons-logging.jar
此外,应该把Tiles标签库的定义文件struts-tiles.tld拷贝到WEB-INF目录下。
(2)在web.xml文件中配置如下元素:

/WEB-INF/struts-tiles.tld
/WEB-INF/struts-tiles.tld

(3)创建index.jsp和product.jsp文件。
修改16.2 节的例程16-8(index.jsp)和例程16-9(product.jsp),在index.jsp和product.jsp
文件的开头,通过<%@ taglib>指令引入Tiles标签库,然后把源代码中的JSP include指令
改为标签.

index.jsp

<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles" %>


TilesTaglibs Sample


<%-- One table lays out all of the content for this page --%>


<%-- Sidebar section --%>

<%-- Main content section --%>

flags.jsp
<%-- Sidebar top component --%>

 

继承

一个Tiles组件继承另一个Tiles组件的语法如下,其中元素的extends 属性
指定被扩展的父类Tiles组件:

tiles-def.xml

"-//Apache Software Foundation//DTD Tiles Configuration 1.1//EN"
"http://jakarta.apache.org/struts/dtds/tiles-config_1_1.dtd">

















Tiles 组件是一种可重用的组件,可以像搭积木一样,把简单的Tiles 组件组装成复杂
的Tiles组件。例如,可以把名为“index-definition”的Tiles组件的左边部分拆分为独立的
Tiles组件,名为“sidebar-definition”,即组件的嵌套 
 

(编辑: SmartTony)






<%-- Header section --%>



<%-- Content section --%>


 
例程16-11 product.jsp
<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles" %>


TilesTaglibs Sample


<%-- One table lays out all of the content for this page --%>


<%-- Sidebar section --%>

<%-- Main content section --%>







<%-- Header section --%>



<%-- Content section --%>


<%-- Footer section --%>









 
  

以上虽然用到了但是页面还是存在很多重复代码,可以采用 Tiles模版机制实现

Tiles 模板

通俗地讲,Tiles 模板是一种描述页面布局的JSP 页面。Tiles 模板只定义了Web 页面
的样式,而不指定内容。在Web 应用运行时,才把特定内容插入到模板页面中。同一模板
可以被多个Web页面共用。
使用模板,可以轻松地实现Web 应用的所有页面保持相同的外观和布局,而无需为每
个页面硬编码。在一个应用中,大多数页面使用同一个模板,某些页面可能需要不同的外
观,而使用其他的模板,因此一个应用可能有一个以上的模板。

以下是在tilestaglibs应用中使用Tiles模板的步骤
(1)安装Tiles标签库所需的文件.

(2)在web.xml文件中配置元素.
(3)定义模板文件
例layout.jsp
<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles"%>


TilesTaglibs Sample


<%-- One table lays out all of the content --%>


<%-- Sidebar section --%>


<%-- Main content section --%>







<%-- Header section --%>



<%-- Content section --%>



<%-- Footer section --%>











在模板文件layout.jsp 中定义了网页的布局,但没有指定各部分的具体内容。在
layout.jsp中包含了多个标签,它的attribute属性仅仅指定了待插入内容的逻辑名,而没有指定真正被插入的文件。
(4)在index.jsp和product.jsp中运用Tiles模板

例 index.jsp
<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles" %>





例 product.jsp
<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles" %>





在index.jsp 和product.jsp 中,标签指定插入的模板文件,index.jsp 和
product.jsp均使用相同的模板文件layout.jsp。标签中包含了若干子标
签,它指定插入到模板中的具体内容。标签的name 属性和模板文件中的
标签的attribute属性匹配,标签的value属性指定插入到模板中的具
体JSP文件。
采用Tiles模板机制,大大提高了代码的可重用性和可维护性,模板中包含了网页共同
的布局。如果布局发生变化,就只需要修改模板文件,而无需修改具体的网页文件。不过,
从例程16-13 和16-14 中可以看出,尽管index.jsp 和product.jsp 文件的长度都缩短了,但
是两者还是存在重复代码。

采用Tiles 模板和Tiles 组件创建复合式网页

为了最大程度地提高代码的可重用性和灵活性,Tiles 框架引入了Tiles 组件的概念。
Tiles 组件可以代表一个完整的网页,也可以代表网页的一部分。简单的Tiles 组件可以组
合成复杂的Tiles组件,或被扩展为复杂的Tiles组件。

Tiles组件的基本使用方法

Tiles框架允许在专门的XML文件中配置Tiles组件。例如,以下代码定义了一个名为
“index-definition”的Tiles组件,它描述整个index.jsp网页:

xml文件








元素的name 属性指定Tiles组件的名字,path属性指定Tiles组件使用的模
板,元素的子元素用于向模板中插入具体的网页内容。

 步骤

 

(1)安装Tiles标签库所需的文件,
(2)在web.xml文件中配置元素,
(3)在专门的XML 文件中配置Tiles 组件, 在本例中把这个配置文件命名为
tiles-defs.xml,这个文件位于WEB-INF目录下。例为tiles-defs.xml文件的代码。
例 tiles-defs.xml

"-//Apache Software Foundation//DTD Tiles Configuration 1.1//EN"
"http://jakarta.apache.org/struts/dtds/tiles-config_1_1.dtd">












以上代码定义了两个Tiles组件,它们分别代表完整的index.jsp和product.jsp页面。

(4)在Strut配置文件中配置TilesPlugin插件,其代码如下:




TilesPlugin 插件用于加载Tiles 组件的配置文件。在元素中包含几个
子元素,用于向TilesPlugin插件传入附加的参数:
l definitions-config 参数:指定Tiles 组件的配置文件,如果有多个配置文件,则它
们之间用逗号分隔。
l definitions-parser-validate 参数:指定XML 解析器是否验证Tiles 配置文件,可选
值包括true和false,默认值为true。
(5)在web.xml文件中配置ActionServlet。
为了保证在Web 应用启动时加载TilesPlugin 插件,应该加入ActionServlet 控制器,
ActionServlet 控制器在初始化时能加载所有的插件。以下是在web.xml 文件中配置
ActionServlet的代码:


action
org.apache.struts.action.ActionServlet

config
/WEB-INF/struts-config.xml

3


action
*.do

(6)在index.jsp和product.jsp中插入Tiles组件

例index.jsp
<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles" %>

例product.jsp
<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles" %>

通过Struts Action来调用Tiles组件

 如果Tiles 组件代表完整的网页,那么可以直接通过Struts Action 来调用Tiles 组件。
例如,如果希望通过Struts Action来调用小节定义的名为“index-definition”的Tiles
组件,那么可以在Struts配置文件中配置如下Action映射:

type="org.apache.struts.actions.ForwardAction"
parameter="index-definition">

接下来通过浏览器访问http://localhost:8080/tilestaglibs/index.do,该请求先被转发到
ForwardAction,ForwardAction再把请求转发给名为“index-definition”的Tiles组件,最后
在浏览器端,用户将看到和index.jsp相同的页面。
通过Struts Action来调用Tiles组件,可以充分发挥Struts框架负责流程控制的功能。
此外,还可以减少JSP 文件的数目。例如,如果直接通过Struts Action 来调用名为
“index-definition”的Tiles组件,就不必再创建index.jsp文件。

 Tiles组件的组合

 

组合式开发步骤:

(1)在tiles-def.xml文件中重新定义“sidebar-definition”,“index-definition”和“productdefinition”
这三个Tiles组件。在一个Tiles组件中包含另一个Tiles组件的语法为:


……

以上子元素的value 属性指定被包含的Tiles 组件的名字,type 属性设置为
“definition”,表示value属性指定的是Tiles组件,而不是JSP文件。以下是tiles-def.xml
文件的代码。

 tiles-def.xml


"-//Apache Software Foundation//DTD Tiles Configuration//EN"
"http://jakarta.apache.org/struts/dtds/tiles-config.dtd">
















(2)创建名为“sidebar-definition”的Tiles组件的相关JSP文件。
名为“sidebar-definition”的Tiles 组件的模板文件为sidebar-layout.jsp,被插入到这个
模板中的两个JSP 文件分别为flags.jsp 和sidebar-links.jsp。例程16-19、16-20 和16-21 分
别为这几个JSP文件的源代码。

sidebar-layout.jsp
<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles"%>



<%-- Sidebar top component --%>



<%-- Sidebar bottom component --%>


sidebar-links.jsp
<%-- Sidebar bottom component --%>







Links


Home

Products

Hot Link1
Hot Link2

Hot Link3





网友评论