javaocean

  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  3 随笔 :: 3 文章 :: 0 评论 :: 0 Trackbacks

开发环境:JDK6,MyEclipse8.0GA, Tomcat6.0。
页面设计:

1.新建web工程tilesdemo。右键点击项目名称>MyEclipse>增加Strusts2支持,选中Struts2核心库和Tiles插件库。 

2.在web.xml中配置监听器加载Tiles插件。

3. 根据设计在/WEB-INF/common/下新建四个JSP页面。

header.jsp 代表页头,
body.jsp代表页面主体,
footer.jsp代表页脚部分,
simpleTpl.jsp是根据前面的设计将页面标题和上面几个页面按上、中、下组装起来的简单模版页面。

4. 在WEB-INF下新建tiles.xml,编写一个简单的模版simpleTpl, 同时编写一个首页继承simpleTpl,不同之处仅仅是标题。
tiles.xml代码

<?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="simpleTpl" template="/WEB-INF/jsp/common/simpleTpl.jsp">
      
<put-attribute name="title" value="简易模版"></put-attribute>
      
<put-attribute name="header" value="/WEB-INF/jsp/common/header.jsp"></put-attribute>
      
<put-attribute name="body" value="/WEB-INF/jsp/common/body.jsp"></put-attribute>
      
<put-attribute name="footer" value="/WEB-INF/jsp/common/footer.jsp"></put-attribute>
  
</definition>
  
  
<definition name="index" extends="simpleTpl" >
      
<put-attribute name="title" value="互联力量首页"></put-attribute>
  
</definition>
</tiles-definitions>

5.编辑simpleTpl.jsp,将定义好的tile放入模版的对应位置。这里要用到tiles的JSP标记。使用标记需要使用taglib指令导入标记库到页面,需要填写prefix 和 uri,这两个属性的值从对应tld文件中的short-name和uri标记的值,该文件的位置见下图。

simpleTpl.jsp代码
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="tiles"  uri="http://tiles.apache.org/tags-tiles"%>
<%
String 
path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  
<head>
    
<base href="<%=basePath%>">
    
    
<title>
      
<tiles:getAsString name="title"></tiles:getAsString>
    
</title>
    
    
<meta http-equiv="pragma" content="no-cache">
    
<meta http-equiv="cache-control" content="no-cache">
    
<meta http-equiv="expires" content="0">    
    
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    
<meta http-equiv="description" content="This is my page">

  
</head>
  
  
<body>
    
<tiles:insertAttribute name="header"></tiles:insertAttribute>
    
<tiles:insertAttribute name="body"></tiles:insertAttribute>
    
<tiles:insertAttribute name="footer"></tiles:insertAttribute>
  
</body>
</html>
6.编辑struts.xml。请特别注意继承的父包是tiles-default,result的类型是tiles。
strust.xml代码
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1//EN" "http://struts.apache.org/dtds/struts-2.1.dtd">
<struts>
    
<include file="struts-default.xml"></include>
    
<package name="tielsDemo" namespace="/" extends="tiles-default">
      
<action name="index">
        
<result type="tiles">index</result>
      
</action>
    
</package>
</struts>    
7.发布到Tomcat,启动。地址栏输入http://localhost:8080/tilesDemo/index.action测试。
浏览器显示结果:



posted on 2010-05-26 13:55 javaocean 阅读(1668) 评论(0)  编辑  收藏 所属分类: Struts2

只有注册用户登录后才能发表评论。


网站导航: