站内搜索: 请输入搜索关键词

当前页面: 开发资料首页Java 专题Tiles在JSF框架中的应用指南

Tiles在JSF框架中的应用指南

摘要: Tiles在JSF框架中的应用指南

</td> </tr> <tr> <td height="35" valign="top" class="ArticleTeitle"> <table width="667" border="0"> <tr> <td width="269"> </td> <td width="388">

如果你还不知道Tiles是什么,这篇文章对你没有意义。如果你不了解JSF,那你看这篇文章是在浪费时间。如果你正在为怎么在JSF里面用Tiles发愁,This is what u want!!!!!!

可能有人会问:“为什么用tiles?为什么用JSF,不用Struts?”。如果你对tiles在struts中的应用了如指掌,那你不会问第一个问题。同样,如果你用过JSF,我相信你会在以后的项目中优先考虑JSF而不是Struts。(其实我比较赞成Struts和JSF的互补,他们各有各的优势,Struts强大的逻辑控制使它更适合于表示逻辑简单而控制逻辑复杂的系统,而JSF在view层次的表现力同样是惊人的。建议去看看David Geary的帖子“Top Ten Reasons to Prefer JSF over Struts”)

好了,废话不说了。来看看Tiles是怎样融合到JSF里面的。注意,JSF的配置我不多讲,如果你JSF都不知道怎么运转,那就不要浪费时间了。

</td> </tr> </table>

1.把Struts1.1里面的struts.jar考到lib目录下面。

2.在web.xml里面加上下面配置:


Faces Servlet
javax.faces.webapp.FacesServlet
1


TilesServet
org.apache.struts.tiles.TilesServlet

definitions-config
/WEB-INF/tiles-defs.xml


definitions-parser-validate
true

2

蓝色部分是你要加的。注意上面的servlet的load顺序。

3.添加tiles-defs.xml到/WEB-INF/下面,这个配置文件和以前在struts里面的没有差别,一个典型的配置如下:

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











上面定义了2个view,一个report.main,一个report.summary

4.然后和原来一样,编写你自己的layout文件,及header,footer等....典型的一个layout如下:

<%@taglib uri="http://jakarta.apache.org/struts/tags-tiles" prefix="tiles"%>

<head>
<BR> <tiles:getAsString name="header"/><BR>
</head>
<body bgcolor="#ffffff" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" onKeyPress="return killEnt();">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" align="justify">

</td>
</tr>
<tr>
<td colspan="2" bgcolor="#000000" align="right">

</td>
</tr>
<tr height="620">
<td bgcolor="#030D97" align="Left" valign="Top" width="17%">

</td>
<td width="83%" style="vertical-align:top;">
<table width="100%">
<tr>
<td style="vertical-align:top;padding-top:10px;padding-left:10px;">

</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>

</td>
</tr>
</table>
</body>

注意:一定不能在f:view里面套f:view。也就是说你在layout.jsp不要用到JSF的标签来产生一些业务逻辑。实际上我们主要的逻辑也是在body里面实现的。在layout里面主要是定义一些文字,图片什么的。同样在header.jsp,footer.jsp,menu.jsp里面也只写html代码,不要用JSF标签。

5.编写两个jsp文件like this:

main_t.jsp:

<%@ taglib uri="http://jakarta.apache.org/struts/tags-tiles" prefix="tiles" %>


summary_t.jsp:

<%@ taglib uri="http://jakarta.apache.org/struts/tags-tiles" prefix="tiles" %>


这一步是关键,如果理解到了这里,那你就可以轻松把tiles和jsf结合起来。原来在Struts我们配置的forward对象可以直接是tiles-defs.xml里面的一个view,但是在JSF里面不行。这里的navigation必须是定义到一个jsp文件,所以我们只有在这个文件里面再来插入tiles里面所定义的view。这样的坏处就是我们在tiles-defs里面定义的每一个view都必须有一个对应的想上面一样的jsp文件,而且在JSF里面配的navigation都必须是基于这个文件到的。注意:不只是to-view-id,from-view-id也必须是对应上面的这种文件,不能是body的jsp文件(不懂可以看第9步的配置)。

6.如果你都理解了,你可以不往下看了。。下面是为了上面的例子更完整而做的剩余步骤。

7.编写一个index.jsp


<head>
<BR> index<BR>
</head>
<body bgcolor="#ffffff">
//对应到上面第5步的文件


</body>

8.编写2个tiles-defs.xml里面定义的body的jsp文件

report_main.jsp:

<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>

<head>
main
<link> rel="stylesheet" type="text/css" href="sworx_IE.css"/>
</head>
<body bgcolor="#ffffff">

Report










</body>

summary_report.jsp:

<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>

<head>
main
<link> rel="stylesheet" type="text/css" href="sworx_IE.css"/>
</head>
<body bgcolor="#ffffff">

Summary Report


</body>

9.配置face-config.xml:

...........................


/JSPROOT/reports/main_t.jsp (注意:不是report_main.jsp,这样在有的IDE里面可能会报report_main.jsp有错,比如JB2005,不用管它)

summary
/JSPROOT/reports/summary_t.jsp (不是summary_report.jsp)

....................


好了。所有工作都作完了。哈哈,现在你同时拥有了tiles的布局灵活性和JSF在view层的强大表现力,还等什么,在下个项目中赶快试试吧。



本文引用通告地址: http://blog.csdn.net/cqluojia/services/trackbacks/456534.aspx
function TempSave(ElementID) { CommentsPersistDiv.setAttribute("CommentContent",document.getElementById(ElementID).value); CommentsPersistDiv.save("CommentXMLStore"); } function Restore(ElementID) { CommentsPersistDiv.load("CommentXMLStore"); document.getElementById(ElementID).value=CommentsPersistDiv.getAttribute("CommentContent"); } </td> </tr> <tr>


↑返回目录
前一篇: Tom小猫,让我看清你的五脏六腑(一)
后一篇: WEB应用中读取配置文件