最近在学习YUI，深感功能全面，正在试探是否可以作为页面部分的一揽子解决方案。
现在只发现缺少页面组装的功能，看来不得不依赖 apache tiles 了。
这两天做了个小例子，结合了YUI的LayoutManager和Tiles的功能，现在贴出来，欢迎对YUI感兴趣的朋友指正。
也欢迎对YUI感兴趣的朋友谈谈在企业开发里YUI的长处和短处。
首先是tiles的模板jsp文件，其中由tiles管理的Attribute都放在了中，这些又是LayoutManager的管理对象，代码如下：
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<html>
<head>
<title><tiles:getAsString name="title" /></title>
<%
String path = request.getContextPath();
%>
<link rel="stylesheet" type="text/css" href="<%=path%>/yui/assets/skins/sam/resize.css">
<link rel="stylesheet" type="text/css" href="<%=path%>/yui/assets/skins/sam/layout.css">
<link rel="stylesheet" type="text/css" href="<%=path%>/yui/logger/assets/skins/sam/logger.css">
<script type="text/javascript" src="<%=path%>/yui/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="<%=path%>/yui/dragdrop/dragdrop-min.js"></script>
<script type="text/javascript" src="<%=path%>/yui/element/element-beta-min.js"></script>
<script type="text/javascript" src="<%=path%>/yui/logger/logger-min.js"></script>
<script type="text/javascript" src="<%=path%>/yui/animation/animation-min.js"></script>
<script type="text/javascript" src="<%=path%>/yui/resize/resize-min.js"></script>
<script type="text/javascript" src="<%=path%>/yui/layout/layout-min.js"></script>
<script type="text/javascript">
function initLayout() {
var layout = new YAHOO.widget.Layout( {
units : [ {
position :'top',
height :50,
body :'titlebar'
}, {
position :'bottom',
height :50,
body :'statusbar'
}, {
position :'center',
body :'content'
} ]
});
layout.render();
};
YAHOO.util.Event.onDOMReady(initLayout);
</script>
</head>
<body class="yui-skin-sam">
<script type="text/javascript">
var myLogReader = new YAHOO.widget.LogReader();
</script>
<div id="titlebar"><tiles:insertAttribute name="header" /></div>
<div id="content">
<table>
<tr>
<td><tiles:insertAttribute name="menu" /></td>
</tr>
<tr>
<td><tiles:insertAttribute name="body" /></td>
</tr>
</table>
</div>
<div id="statusbar"><tiles:insertAttribute name="footer" /></div>
</body>
</html>
其次是tiles的定义文件，其中有一个抽象页面定义和三个具体的页面定义，代码如下：
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE tiles-definitions PUBLIC
"-//Apache Software Foundation//DTD Tiles Configuration 2.0//EN"
"http://tiles.apache.org/dtds/tiles-config_2_0.dtd">
<tiles-definitions>
<definition name="simpleweb.common" template="/pages/tiles/mainlayout.jsp">
<put-attribute name="title" value="Simpleweb" />
<put-attribute name="header" value="/pages/banner.jsp" />
<put-attribute name="menu" value="/pages/mainmenu.jsp" />
<put-attribute name="footer" value="/pages/footer.jsp" />
<put-attribute name="body" value="" />
</definition>
<definition name="simpleweb.main" extends="simpleweb.common">
<put-attribute name="body" value="/pages/welcome.jsp" />
</definition>
<definition name="simpleweb.person.register" extends="simpleweb.common">
<put-attribute name="body" value="/pages/person/register.jsp" />
</definition>
<definition name="simpleweb.person.search" extends="simpleweb.common">
<put-attribute name="body" value="/pages/person/search.jsp" />
</definition>
</tiles-definitions>
通过使用struts2-tiles-plugin，画面的迁移需要在struts.xml中这样定义：
<result-types>
<result-type name="tiles"
class="org.apache.struts2.views.tiles.TilesResult" />
</result-types>
<action name="LoginAction" method="execute" class="loginAction">
<result name="input">/index.jsp</result>
<result name="success" type="tiles">simpleweb.main</result>
</action>
这样，就可以实现一个由YUI LayoutManager进行布局的页面中，页面的各个组成部分通过tiles进行定义和组装。
分享到：
相关推荐
至于JSF与Tiles的结合，Tiles是Struts框架的一个扩展，用于构建可重用的页面布局。在JSF中集成Tiles，可以更灵活地控制页面结构，实现复杂的页面模板和布局。具体集成步骤包括：引入Tiles的依赖库，配置`web.xml`以...
将Tiles与Struts2结合使用，可以更有效地管理和组织网页布局，实现复杂的页面结构和重用内容。在本篇文章中，我们将深入探讨如何在Struts2中集成Tiles框架，以及如何利用它来展示信息。 首先，我们来理解一下Tiles...
这个API（应用程序接口）包含了一些核心接口和类，开发者可以使用它们来与Tiles框架进行交互。它提供了定义和管理tiles的API，例如创建、读取和更新tiles的配置，以及请求解析和渲染tiles的功能。这个库通常由开发...
为了更好地利用Spring的依赖注入能力，可以将Spring与Tiles框架结合起来使用，具体步骤如下： 1. **配置Spring的Bean容器**：在Spring的配置文件中定义各种Bean，包括Tiles的配置Bean。 2. **定义Tiles的配置文件**...
**Struts2与Tiles集成** 1. **Integration Setup**: 集成Struts2和Tiles需要添加相应的jar包到项目类路径中，包括struts2-core、struts2-tiles-plugin等。 2. **Tiles插件配置**: 在Struts2的配置文件中，需要启用...
在实际应用中，Tiles2.1.2通常与MVC框架如Struts或Spring MVC结合使用。它可以将业务逻辑和视图逻辑分离，使得开发者能够专注于各自的领域。此外，Tiles还支持国际化和主题，使得应用程序可以根据用户的需求和偏好...
将Tiles与Spring结合，可以利用Spring的强大功能来管理后端逻辑，同时利用Tiles来处理前端页面的布局和组合，实现前后端的良好解耦。 （1）Spring框架：Spring提供了依赖注入（DI）和面向切面编程（AOP），简化了...
在Spring MVC中整合Apache Tiles，可以将页面设计与业务逻辑分离，提高代码的可维护性和复用性。 在Spring MVC中，视图解析器扮演着重要的角色，它负责将处理完的模型数据转换成具体的视图展现给用户。`...
【标题】"tiles+servlet简单例子"涉及到的技术是Tiles框架与Servlet的结合使用。Tiles全称为Tiles2，是Apache Struts项目的一部分，但它也可以独立于Struts使用。这个例子展示了如何在不依赖Struts的情况下，利用...
在本教程中，我们将深入探讨如何将Tiles与SpringMVC整合，以实现更高效的页面构建。 首先，我们需要理解Tiles的核心概念。Tiles框架基于Apache Struts项目，其主要思想是定义模板（Tiles），这些模板是页面的可重用...
Struts-Tiles是Apache Struts框架的一个重要组成部分，主要用于构建Web应用中的页面布局和复合组件。这个框架使得开发者能够创建可重用、可配置的页面模板，极大地提高了开发效率和代码的可维护性。 首先，我们需要...
总的来说，"cesium的3D Tiles转换工具"是连接传统3D模型格式与现代Web GIS技术的桥梁，它简化了数据转换的过程，帮助用户更好地利用Cesium构建互动式的3D地图和场景。理解并掌握这个工具的使用，对于开发3D地理空间...
本篇文章将深入探讨如何将Spring MVC 3与Tiles进行整合，以及这两个框架结合后能带来的优势。 **1. Spring MVC 3 概述** Spring MVC是Spring框架的一个模块，专门用于构建Web应用程序。它遵循模型-视图-控制器...
- **重用与定制**：Tiles支持定义多个层次的Definition，通过继承和重写的方式实现高度定制化的布局和内容展示。 #### 三、Tiles框架的基本操作 **1. 插入Tiles** - `<tiles:insert>`：这是最基本的标签，用于...
将Struts2与Tiles结合使用，可以更加灵活地管理页面结构，实现统一的页面风格，提高开发效率。 #### 二、所需JAR包 首先，为了能够成功地整合Struts2与Tiles，我们需要确保项目的类路径中包含以下JAR包： 1. **...
6. **扩展性**：Tiles是基于Servlet API的，因此它可以与其他Web框架（如Spring MVC）配合使用，也可以与各种模板引擎（如FreeMarker或JSP）结合。 在这个“struts2 tiles 模板搭建源码可运行”的项目中，我们可以...
Struts1中的Tiles标签库是一种强大的布局管理...总的来说，Struts1的Tiles标签库是Web开发中一种高效且灵活的布局解决方案，它结合了布局管理器和模板机制的优点，使开发者能够更轻松地构建和维护复杂的Web应用程序。
Tiles框架最初是Apache Struts项目的一部分，但现在作为一个独立的组件存在，可以与多种Web框架如Spring、Struts 2等集成。 Tiles 2.0 的核心概念是"Tiles"，也就是布局单元。这些布局单元可以是简单的HTML片段，也...
为了使Struts2与tiles插件正常工作，我们需要一系列的依赖库。这些库包括但不限于： - `commons-logging`: 提供日志记录的功能。 - `commons-fileupload`: 支持文件上传。 - `ognl`: 用于表达式解析和对象图导航。 -...
1. **Tiles定义与原理** Struts Tiles是Apache Struts项目的一个子项目，它基于JSP的Include指令扩展而来。Tiles通过定义模板（Template）和组件（Component）来组织页面，模板是页面的基本结构，而组件则是页面上...