Struts Tiles框架使用

最新推荐文章于 2015-09-18 13:32:55 发布
最新推荐文章于 2015-09-18 13:32:55 发布
阅读量889 收藏 1
点赞数
分类专栏： struts2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a468903507/article/details/38751237
版权


Tiles框架

Tiles框架为创建Web页面提供了一种模板机制，它能将网页的布局和内容分离。它用模板定义网页布局，每个页面模板都是一个简单的 JSP 页，它定义了一些由占位符组成的外形，以放置内容。执行时，Tiles 将会用相应的内容来替换占位符，因此，创建整个页面即形成布局。Tiles框架是建立在JSP的include指令基础上的，但它提供了比JSP的include指令更强大的功能。Tiles框架具有如下特性：

1.         创建可重用的模板

2.         动态构建和装载页面

3.         定义可重用的Tiles组件

4.         支持国际化。

接下来就介绍Tiles框架的基本使用。

1.         设置Tiles模板引擎

在Struts 中，Tiles随着它一同发布。如果您要自行设定Tiles，您必须要有commons-beanutils.jar、commons-logging.jar、commons-collections.jar、commons-digester.jar、struts.jar四个jar文件在您的WEB-INF/lib目录中。

虽然Stuts附带了Tiles，但在默认情况下是Tiles是未启用的。要启用Tiles框架,要在struts-config.xml中加入以下的内容：

<plug-in className="org.apache.struts.tiles.TilesPlugin" >

<!-- Path to XML definition file -->

<set-property property="definitions-config" value="/WEB-INF/tiles-defs.xml" />

<!-- Set Module-awareness to true -->

<set-property property="moduleAware" value="true" />

</plug-in>

完成之后，您就可以开始使用Tiles的功能了。

2.         使用XMl配置模板资源

在Tiles中，您可以用XML或JSP文件来做配置文件，用它来管理页面配置的相关资源，当应用程序启动时，Tiles框架会加载这个文件把它放置在内存。这个配置文件(本文采用XML文件)的路径和名称在如上文配置中已经指定了，即放置在/WEB-INF/下，名为tiles-defs.xml，在当中如下撰写：

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

<!DOCTYPE tiles-definitions PUBLIC

"-//Apache Software Foundation//DTD Tiles Configuration 1.1//EN"

    "http://jakarta.apache.org/struts/dtds/tiles-config_1_1.dtd">

<tiles-definitions>

    <!--classicLayout-->

    <definition name="layout.base" path="/layouts/classicLayout.jsp">

        <put name="title" value="++YONG" />

        <put name="header" value="/template/header.jsp" />

        <put name="menu" value="/template/menu.jsp" />

        <put name="footer" value="/template/footer.jsp" />

        <put name="body" value="/template/body.jsp" />

    </definition>

 

    <!-- 后台管理 -->

    <definition name="layout.backmanager" path="/layouts/classicLayout.jsp">

        <put name="title" value="Back Manager" />

        <put name="header" value="/template/back_header.jsp" />

        <put name="menu" value="/back/menu.jsp" />

        <put name="body" value="/back/main.jsp" />

        <put name="footer" value="/template/footer.jsp" />

    </definition>

 

    <!-- 前台首页 -->

    <definition name="front.main" extends="layout.base">

    </definition>

 

    <!-- 后台管理-首页 -->

    <definition name="back.main" extends="layout.backmanager">

    </definition>

   

    <!-- 后台管理-新增用户 -->

    <definition name="back.addUser" extends="layout.backmanager">

        <put name="title" value="Add User" />

        <put name="body" value="/back/addUser.jsp" />

    </definition>

</tiles-definitions>

该文件中定义了5个布局模板，以第一个为例：它的逻辑名叫layout.base，它的用于布局的页面是放在Web应用程序根目录/layouts目录下的classicLayout.jsp文件，此文件中的占位符名分别为title,header,menu,body,footer，它们的真实替代内容分别是”++YONG”, /template/header.jsp，/template/menu.jsp，/template/body.jsp，/template/footer.jsp。

3.         创建用于布局的JSP文件

从上文中可看出，用于布局的JSP文件是放置在Web应用程序/layouts目录下的classicLayout.jsp文件：

该文件的内容：

<%@ page language="java" pageEncoding="UTF-8"%>

<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles"%>

 

<html>

    <head>

        <title><tiles:getAsString name="title" /></title>

    </head>

    <body bgcolor="#ffffff" text="#000000" link="#023264" alink="#023264"

        vlink="#023264">

        <table border="0" width="768px" height="98%" cellspacing="5" align="center">

            <tr height="100px">

                <td colspan="2">

                    <tiles:insert attribute="header" />

                </td>

            </tr>

            <tr  height="1px">

                <td colspan="2">

                    <hr>

                </td>

            </tr>

            <tr>

                <td width="140" valign="top">

                    <tiles:insert attribute='menu' />

                </td>

                <td valign="top" align="left">

                    <tiles:insert attribute='body' />

                </td>

            </tr>

            <tr height="1px">

                <td colspan="2">

                    <hr>

                </td>

            </tr>

            <tr height="50px">

                <td colspan="2">

                    <tiles:insert attribute="footer" />

                </td>

            </tr>

        </table>

    </body>

</html>

文件中主要用到tiles标签库中的标签来充当页面具体内容的占位符，当Web应用程序启动加载完Tiles的配置文件后，用户请求该模板时，Tiles就会根据配置文件用具体的内容(文字或内容页面)替换占位符，从而给用户生成布局完整的页面。

4.         创建内容JSP文件

内容JSP用于填充布局创建的占位符，这些JSP只包含填充布局的特定部分所需的HTML，创建这些JSP与您使用include创建JSP的方法相同。如下内容：

1.1      header.jsp

<a href="http://jakarta.apache.org">

<img src="<%=request.getContextPath()%>/images/jakarta-logo.gif" align="left" border="0">

</a>

<img src="<%=request.getContextPath()%>/images/struts.gif" align="right" border="0">

1.2      menu.jsp

<%@ page language="java" pageEncoding="UTF-8"%>

功能菜单 <br><br>

功能菜单 <br><br>

功能菜单 <br><br>

功能菜单 <br><br>

功能菜单 <br><br>

1.3      body.jsp

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>

 

<table width="590" height="500" border="0" align="center" cellpadding="0" cellspacing="0" background="green">

  <tr>

    <td width="590"><table width="100%" border="0" cellspacing="1" cellpadding="0">

        <tr>

          <td><div align="center">

              <em><font size="6" color="gray"><strong>欢迎访问Struts Tiles Demo</strong></font></em>

            </div></td>

        </tr>

      </table></td>

  </tr>

</table>

1.4      footer.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"

    pageEncoding="utf-8"%>

<table width="100%" height="50px" border="0" align="center" cellpadding="1"

    cellspacing="0">

    <tr>

        <td height="20" align="center">

            <div align="center">

                <font color="#023264" size="-1">Copyright &copy; 2007-2008, ++YONG All rights reserved.<br/>

                  <a href="#">联系我们</a>

                </font>

            </div>

        </td>

    </tr>

</table>

5.         使用Tiles组件：

index.jsp

<%@ page language="java" contentType = "text/html;charset=utf-8" pageEncoding="UTF-8"%>

<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles"%>

<tiles:insert definition="front.main" flush="true"/>

 

6.         运行效果：

       qjytitlesdemo

7.         Tiles国际化：

Tiles完全支持国际化，只需为每种语言环境创建一个Tiles XML配置文件。针对具体语言环境的配置文件取不同的文件名，该文件名采用与java资源束相同的命名方案。如要创建适用于英文和中文语言环境的Tiles，则需要创建名为tiles-defs_en.xml和tiles-defs_zh_CN.xml的文件。运行时，Tiles根据当前请求的语言环境决定使用哪个配置文件中的定义来处理当前请求。在各个配置文件中，相同的属性应该具有相同的定义。

如上应用，创建一名为tiles-defs_zh_CN.xml文件：

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

<!DOCTYPE tiles-definitions PUBLIC "-//Apache Software Foundation//DTD Tiles Configuration 1.1//EN"

        "http://jakarta.apache.org/struts/dtds/tiles-config_1_1.dtd">

<tiles-definitions>

    <!--classicLayout-->

    <definition name="layout.base" path="/layouts/classicLayout.jsp">

        <put name="title" value="Tiles国际化示例" />

        <put name="header" value="/template/header.jsp" />

        <put name="menu" value="/template/menu.jsp" />

        <put name="footer" value="/template/footer.jsp" />

        <put name="body" value="/template/body.jsp" />

    </definition>

 

    <!-- 后台管理 -->

    <definition name="layout.backmanager" path="/layouts/classicLayout.jsp">

        <put name="title" value="Back Manager" />

        <put name="header" value="/template/back_header.jsp" />

        <put name="menu" value="/back/menu.jsp" />

        <put name="body" value="/back/main.jsp" />

        <put name="footer" value="/template/footer.jsp" />

    </definition>

 

    <!-- 前台首页 -->

    <definition name="front.main" extends="layout.base">

    </definition>

 

    <!-- 后台管理-首页 -->

    <definition name="back.main" extends="layout.backmanager">

    </definition>

   

    <!-- 后台管理-新增用户 -->

    <definition name="back.addUser" extends="layout.backmanager">

        <put name="title" value="Add User" />

        <put name="body" value="/back/addUser.jsp" />

    </definition>

</tiles-definitions>

 

即刻出发
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
struts-tiles
07-19
用于struts技术开发应用的架包 struts-tiles.1.3.10.jar
Jakarta Struts编程：使用Tiles
07-16 582
 安装和配置Tiles在您能够使用Tiles 框架之前，您必须确保它已安装并正确的配置在web容器中。Tiles框架并不依赖于某种特定的容器，您要做的就是获得所需的文件，并将它们放到web应用程序的正确位置上。 下载TilesTiles 框架包含在struts发行版中。先前版本中，它位于contrib文件夹中，但现在是核心的一部分。您还可以在http: //www.lifl.fr/~dumouli
【转】 Struts之tiles的使用
strawbingo的专栏
03-21 791
Struts之tiles的使用今天偶尔在网上看到一篇使用tiles的文章，觉得写的不错，拿来贴给大家：<br />tile英文意思是瓦片，tiles就是一堆瓦片。比如有个系统，顶端是快捷键，左边是导航条，下边是copyright。按基本的html写法，会导致大量的重复编码，增加开发和维护成本。tiles框架就是为创建web页面提供了一种模板机制，它将网页的布局和内容分开。它允许先创建模板，然后在运行时动态地将内容插入到模板中。我们可以将这个blog系统分成4个独立的jsp,导航条，快捷建，copyright
Struts->tiles 实践入门
numlockpgup的博客
09-20 86
步骤-：复习jsp：include                  1，所需jsp文件---&gt;Header.jsp; Left.jsp; Content.jsp; Foot.jsp ; index.jsp         2, Header.jsp; Left.jsp; Content.jsp; Foot.jsp 这四个jsp文件内容一样，只是单词不同。     这里亮出 Header...
struts-tiles框架
05-16
struts中web网页布局框架struts-tiles,简单配置就可。
struts2 tiles 框架实例
08-22
具体说明见我的Blog http://hi.baidu.com/rangerchen/blog/item/64a62ed96e457b3c32fa1c57.html
struts_tiles.rar_Tiles_struts_struts til
09-22
使用struts的Tiles插件功能 使用拉Tiles框架 进行struts页面结构调整
tiles2.1.2前端框架
10-31
tiles2.1.2一个很好的前端框架技术，非常适合管理类页面架构
struts资料\Tiles框架--页面布局
10-21
struts资料\Tiles框架--页面布局
struts中tiles标签简介
03-23
struts中tiles标签简介，Tiles框架可以令我们组合可以复用的Tiles来搭建网页。
Struts1-tiles标签
01-20
这个用途不大,送大家了........我不怎么喜欢
Struts的Tiles框架
chengyangyy的专栏
09-18 639
首先需要引用的库： commons-beanutils.jar commons-collections-2.1.1.jar commons-digester.jar commons-logging-1.0.4.jar tiles.jar其次在jsp页面中，加入相应的标签<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles"%> <
Struts中Tiles标签简介
wallent的专栏
09-29 1567
Tiles简介 我发现在看到的这些关于Tiles的文档中，Struts文档中关于这方面的介绍对于初学者来说是最好的（个人认为），所以就把它译了过来，对于想了解这方面东西又不想看E文的同胞，可以参考一下。翻译的漏洞在所难免，希望大家对照原文看，出现的错误希望大家帮我指正，谢谢。                                                      
Struts2 中的Tiles框架的使用
夜子的专栏
06-14 3538
以前使用过Struts2的Tiles布局，但是
Tiles技术总结
溪居
04-11 1663
一、           说明Tiles使得struts在页面的处理方面多了一种选择。并且更容易实现代码的重用。Tiles增加了layout的概念，其实就是把一个页面划分为几块，这有点像柜架，但柜架是不同页面分开控制，如拉动右侧滚动条，上面柜架不动，只有下面柜架页面在动，而tiles是不同页面组合成一个页面统一控制，拉动右侧滚动条时，整个页面都会跟着动。通常的来说一个页面大概可以划分为如下
node-v12.16.3-x86.msi
最新发布
04-25
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
unity Tiles
09-06
Unity中的Tiles是指在游戏中用于构建地图的瓦片。Unity中没有直接提供ScriptableTiles这个类，这只是对可编程瓦片的称呼。Scriptable Tiles是一种可编程的瓦片，允许我们自定义瓦片的功能。这意味着我们可以在Scriptable Tiles中编写我们自己想要的瓦片功能。 所有需要添加到Tilemap中的瓦片都必须继承自TileBase类。TileBase类提供了一组固定的API，用于与Tilemap通信以传递瓦片的渲染属性。大多数API的参数中会传递瓦片的位置和所在的Tilemap实例。您可以使用这些参数来确定设置瓦片信息所需的任何属性。 在Unity Scripting API手册中，有一个方法叫做GetTileData，它是用来从自定义的瓦片中检索渲染数据的。通过实现这个方法并填充TileData，我们可以让Tilemap渲染这个瓦片。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [Unity2D 自定义Scriptable Tiles的理解与使用（一）——了解TileBase类](https://blog.csdn.net/scombropidae/article/details/125124843)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值