posts - 14,  comments - 37,  trackbacks - 0
struts-menu可以做成各种各样的menu,这里演示一些简单的用法。方便入门
一、在sourceforge上下载最新版本的strutsmenu
http://struts-menu.sourceforge.net/
解压缩zip文件得到struts-menu.war,解压缩它,要用到里边的js文件,imgage文件和css文件等
这个本来是struts-menu的演示工程,本文简化了里边的东西,选择里边比较有代表性的几个拿出。
二、新建一个web工程。
拷贝相应的类库到lib目录下。
velocity-tools-view-1.0.jar
velocity-1.4.jar
struts-menu-2.4.2.jar
struts-1.2.9.jar
standard-1.0.6.jar
log4j-1.2.8.jar
jstl-1.0.6.jar
commons-logging-1.0.4.jar
等,基本就是struts-menu工程中的jar文件
拷贝struts-menu工程中的common     image    scripts    styles   templates等目录到新的web工程 
拷贝taglib.jsp到webroot下
三.新建一个jsp文件index.jsp内容如下
<%@ include file="/taglibs.jsp"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    
<title>Struts Menu Example Application</title>

    
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    
<script type="text/javascript" src="scripts/nicetabs.js"></script>
    
    
<link rel="stylesheet" type="text/css" media="screen"
        href
="styles/global.css" />
    
<link rel="stylesheet" type="text/css" media="screen"
      href
="styles/nicetabs.css" />

</head>
<body id="index">
<div id="content" style="width: 100%">
    
<h2>Struts Menu Examples</h2>
    
<p>
        Click on the menu links below to see the different types of menus
        supported by Struts Menu.
    
</p>

    
<menu:useMenuDisplayer name="Velocity" config="/templates/index.html">
        
<ul class="glassList">
        
<menu:displayMenu name="indexMenu"/>
        
</ul>
    
</menu:useMenuDisplayer>

</div>

<div id="footer">
  
<a href="http://struts-menu.sf.net">Struts Menu Homepage</a>
</div>
</body>
</html>
WEB-INF下建立struts-config.xml内容如下
<?xml version="1.0" encoding="ISO-8859-1" ?>

<!DOCTYPE struts-config PUBLIC
          
"-//Apache Software Foundation//DTD Struts Configuration 1.1//EN"
          
"http://jakarta.apache.org/struts/dtds/struts-config_1_1.dtd">
<struts-config>
  
<!-- ========== Plug Ins Configuration ================================== -->
  
<plug-in className="net.sf.navigator.menu.MenuPlugIn">
    
<set-property property="menuConfig" value="/WEB-INF/menu-config.xml"/>
  
</plug-in>
</struts-config>
建立menu-config.xml内容如下
<?xml version="1.0" encoding="UTF-8" ?>

<MenuConfig>

  
<Displayers>
    
<Displayer   name="DropDown"
                 type
="net.sf.navigator.displayer.DropDownMenuDisplayer"/>
    
<Displayer   name="Simple"
                 type
="net.sf.navigator.displayer.SimpleMenuDisplayer"/>
    
<Displayer   name="CoolMenu"
                 type
="net.sf.navigator.displayer.CoolMenuDisplayer"/>
    
<Displayer   name="CoolMenu4"
                 type
="net.sf.navigator.displayer.CoolMenuDisplayer4"/>
    
<Displayer   name="MenuForm"
                 type
="net.sf.navigator.example.PermissionsFormMenuDisplayer"/>
    
<Displayer   name="ListMenu"
                 type
="net.sf.navigator.displayer.ListMenuDisplayer"/>
    
<Displayer   name="TabbedMenu"
                 type
="net.sf.navigator.displayer.TabbedMenuDisplayer"/>
    
<Displayer   name="Velocity"
                 type
="net.sf.navigator.displayer.VelocityMenuDisplayer"/>
    
<Displayer   name="XtreeMenu"
                 type
="net.sf.navigator.displayer.XtreeMenuDisplayer"/>
    
<Displayer   name="CSSListMenu"
                 type
="net.sf.navigator.displayer.CSSListMenuDisplayer"/>
  
</Displayers>

  
<Menus>

    
<Menu  name="indexMenu"  title="Examples">
        
<!-- page attribute indicating a context relative resource.
             The context path will be prepended to the value. 
-->        
        
<Item  title="tablemeun"
               toolTip
="Shows table menu"
               page
="/tablemenu.jsp"/>
        
<Item  name="listmenu"  title="CoolMenu Example"
               toolTip
="Shows menu using CoolMenu"
               page
="/listmenu.jsp"/>
        
<Item  title="Velocity XTree Menu"
               toolTip
="Shows Velocity generated XTree"
               page
="/velocity-xtree.jsp"/>
               
    
</Menu>

  
</Menus>

</MenuConfig>
部署工程,访问,出现如下效果。


这是最普通的效果。
试着往menu-config.xml中加入item对应的menu也会跟着增加。
下篇文章将继续提供一些更漂亮一些的menu
posted on 2007-07-11 10:14 冰封的爱 阅读(208) 评论(0)  编辑  收藏 所属分类: J2EE

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


网站导航:
 
<2024年12月>
24252627282930
1234567
891011121314
15161718192021
22232425262728
2930311234

常用链接

留言簿(3)

随笔档案

文章分类

文章档案

相册

搜索

  •  

最新评论

阅读排行榜

评论排行榜