TA的每日心情 | 开心
2021-3-12 23:18 |
|---|
签到天数: 2 天 [LV.1]初来乍到
|
|
这是我从网上下载的例子,cd唱片的添加、编辑、删除、更新操作。整理了一下。 
一、在JSF中使用Tiles进行布局
先看web.xml文件(请下载全部源文件）：
<web-app>
<!-- Faces Servlet -->
<servlet>
<servlet-name>Faces Servlet</servlet-name>
<servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
<load-on-startup> 1 </load-on-startup>
</servlet> <servlet>
<servlet-name>tiles</servlet-name>
<servlet-class>org.apache.struts.tiles.TilesServlet</servlet-class>
<init-param>
<param-name>definitions-config</param-name>
<param-value>/WEB-INF/tiles-defs.xml</param-value>
</init-param>
<init-param>
<param-name>definitions-parser-validate</param-name>
<param-value>true</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<!-- Faces Servlet Mapping -->
<servlet-mapping>
<servlet-name>Faces Servlet</servlet-name>
<url-pattern>/backend/*</url-pattern>
</servlet-mapping> <servlet-mapping>
<servlet-name>Faces Servlet</servlet-name>
<url-pattern>/cdstore/*</url-pattern>
</servlet-mapping>
</web-app> 这里用到了struts中的Tiles进行布局,运行本例时需要下载struts1.1，并将struts.jar commons-beanutils.jar commons-collections.jar和common-digester.jar放到本应用的WEB-INF/lib目录下。Tiles的配置文件在上面指定为：WEB-INF/tiles-defs.xml。
在JSF中使用Tiles,大概要注意三点：
1、在JSF页面中利用<t:insert>标记插入tiles定义，如这个例子中的index.jsp文件
index.jsp
<%@ page contentType="text/HTML; charset=GBK" %>
<%@ taglib prefix="t" uri="http://jakarta.apache.org/struts/tags-tiles" %>
<t:insert definition=".index" />
2、 在WEB-INF/tiles-defs.xml中进行tiles定义,如上面的： ".index" titles-defs.xml中定义的所有tiles如下：
<?xml version="1.0" encoding="ISO-8859-1" ?> <!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>
<definition name=".mainLayout" path="/WEB-INF/layout/layout.jsp">
<put name="title" value="ArcMind, Inc. > Home" />
<put name="header" value="/WEB-INF/layout/header.jsp"/>
<put name="footer" value="/WEB-INF/layout/footer.jsp"/>
<put name="news" value="/WEB-INF/layout/news.jsp"/>
<put name="content" value="/WEB-INF/layout/center.jsp"/>
<put name="navigation" value="/WEB-INF/layout/navigation.jsp"/>
</definition>
<definition name=".cdForm" extends=".mainLayout">
<put name="title" value="CD Form" />
<put name="content" type="page" value="/WEB-INF/pages/cdForm.jsp"/>
</definition> <definition name=".index" extends=".mainLayout">
<put name="title" value="Main page" />
<put name="content" type="page" value="/WEB-INF/pages/index.jsp"/>
</definition>
<definition name=".listing" extends=".mainLayout">
<put name="title" value="CD CRUD Listing" />
<put name="content" type="page" value="/WEB-INF/pages/listing.jsp"/>
</definition>
<definition name=".showCart" extends=".mainLayout">
<put name="title" value="Shopping Cart" />
<put name="content" type="page" value="/WEB-INF/pages/showCart.jsp"/>
</definition>
<definition name=".store" extends=".mainLayout">
<put name="title" value="CD Store" />
<put name="content" type="page" value="/WEB-INF/pages/store.jsp"/>
</definition> </tiles-definitions> 这些tiles定义只要在JSF页面中利用标记<t:insert definition="..." />插入。
3、在WEB-INF/tiles-defs.xml中主布局由definition元素的path属性指定。path="/WEB-INF/layout/layout.jsp"
layout.jsp定义页面布局，分为页面标题、头部、左边、内容、右边和脚部。
头部header
左边导航区navigation.
中间内容区center
右边新闻区news
脚部区footer
layout.jsp内容如下：
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <%@ taglib prefix="t" uri="http://jakarta.apache.org/struts/tags-tiles" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><t:getAsString name="title"/></title>
<link rel="stylesheet" type="text/css" href="<c:url value="/css/main.css" />">
</head>
<body>
<div id="header">
<t:insert attribute="header" flush="false" ignore="false" />
</div>
<div id="left">
<t:insert attribute="navigation" flush="false" ignore="false" />
</div>
<div id="center">
<t:insert attribute="content" flush="false" ignore="false" />
</div>
<div id="right">
<t:insert attribute="news" flush="false" ignore="false" />
</div>
<div id="footer">
<t:insert attribute="footer" flush="false" ignore="false" />
</div>
</body>
<!-- InstanceEnd --></html> t:insert标签动态地包含内容。
所有页面 1 2 3 4 5 6 7
源码下载：http://file.javaxxz.com/2014/10/10/035536171.zip |
|
|手机版|Java学习者论坛
( 声明：本站资料整理自互联网，用于Java学习者交流学习使用，对资料版权不负任何法律责任，若有侵权请及时联系客服屏蔽删除 )
发表于 2014-10-10 03:55:38