Struts Tiles框架的使用

最新推荐文章于 2024-09-21 07:53:40 发布

guoweilxx

最新推荐文章于 2024-09-21 07:53:40 发布

阅读量589

点赞数

文章标签： struts 框架 insert html jsp class

本文链接：https://blog.csdn.net/guoweilxx/article/details/5033954

版权

Tiles 框架增强了基于组件的设计和 Web UI 设计中的模板概念。它可以帮助开发人员解除 Web UI 组件之间的耦合并重用它们。
另外，Tiles 模板及其继承特征使您能够以最小量的工作为 Web 应用程序设计出一致的外观。
下面以一个小例子来说明tiles框架的使用：
在web.xml文件内引入tiles框架

<taglib> <taglib-uri>/tags/struts-tiles</taglib-uri> <taglib-location>/WEB-INF/struts-tiles.tld</taglib-location> </taglib>

首先做成一个模板页面（template.jsp）

<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%> <%@ taglib uri="/tags/struts-html" prefix="html" %> <%@ taglib uri="/tags/struts-tiles" prefix="tiles" %> <html> <HEAD> <html:base/> <TITLE><tiles:getAsString name="title" /></TITLE> </HEAD> <BODY> <table align="center" bgcolor="#EEEEEE" width="400" height="250"> <TR> <TD colspan="2"> <tiles:insert attribute="header"/> </TD> </TR> <TR> <TD width="50%" valign="top" align="left" class="body"> <tiles:insert attribute="body"/> </TD> </TR> <TR height="30%"> <TD colspan="5" class="footer"> <tiles:insert attribute="footer" /> </TD> </TR> </table> </BODY> </html>

接着做成头部和底部header.jsp，footer.jsp

header.jsp

<%@ page contentType="text/html; charset=UTF-8" %> <%@ taglib uri="/tags/struts-bean" prefix="bean" %> <table class="outer"> <tr> <td colspan="100%" align="center"> <img src="D:/workspace/StrutsguoweiTest/WebContent/image/header.gif" mce_src="D://writeblog.csdn.net/workspace/StrutsguoweiTest/WebContent/image/header.gif"><font color="#FF0000"><b>Let's enjoy shopping!<b></font></td> </tr> </table>

footer.jsp

<TABLE align="center" border="0" width="50%" bgcolor="#0000FF" class="Footer"> <TR> <TD colspan="100%" align="center"> <p align="center"><font color="#FFFFFF">Copyright 2009 Powered by Struts Solution</font></p> </TD> </TR> </TABLE>

最后在自己页面将上面的模板页面引入即可

<%@ page language="java" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%> <%@ taglib uri="/tags/struts-bean" prefix="bean"%> <%@ taglib uri="/tags/struts-html" prefix="html"%> <%@ taglib uri="/tags/struts-tiles" prefix="tiles"%> <tiles:insert page="/tiles/template.jsp" flush="true"> <tiles:put name="title" type="String"><bean:message key="lable.title"/></tiles:put> <tiles:put name="header" value="/tiles/header.jsp"></tiles:put> <tiles:put name="body" type="String"> <div align="center"> <table align="center" bgcolor="#EEEEEE" width="400"> <tr style="height:30pt" align="center"> <td colspan="100%" align="center"> <B><bean:message key="lable.loginPage" /></B> </td> </tr> <html:form action="/login" οnsubmit="validateloginForm(this);"> <tr align="left"> <td align="right" colspan="40%"><B><bean:message key="lable.userID"/>：</B></td> <td colspan="40%" align="left"><html:text property="userID" size = "18.5"/></td> </tr> <tr align="left"> <td colspan="100%" align="center"><html:errors property="userID"/></td> </tr> <tr> <td align="right" colspan="40%"><B><bean:message key="lable.password"/>：</B></td> <td colspan="40%" align="left"><html:password property="password"/></td> </tr> <tr> <td colspan="100%" align="center"><html:errors property="password"/></td> </tr> <tr> <td align="left" colspan="60%"></td> <td colspan="20%"><html:submit><bean:message key="lable.btnLogin" /></html:submit></td> <td align="center"></td> <td colspan="20%"><html:reset><bean:message key="lable.btnReset" /></html:reset></td> </tr> <tr> <td colspan="100%" align="center"><html:errors property="login_error"/></td> </tr> </html:form> </table> </div> </tiles:put> <tiles:put name="footer" value="/tiles/footer.jsp"></tiles:put> </tiles:insert>

在浏览器里启动页面即可看到tiles的效果。

常用tiles标签介绍：

<tiles:insert>：把其他的JSP页面插入到当前页面中，和JSP include指令具有相同的功能

    <jsp:include page="indexContent.jsp"/>
    <tiles:insert page="indexContent.jsp" flush="true"/>

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

<tiles:insert>标签中包含了若干<tiles:put>子标签，
它指定插入到模板中的具体内容。<tiles:put>标签的name 属性和模板文件中的
<tiles:insert>标签的attribute属性匹配，<tiles:put>标签的value属性指定插入到模板中的具
体JSP文件。