用struts-menu实现轻松实现网页菜单

    在网页开发中,我们经常用到一些菜单,可能是下拉菜单,可能是标签式菜单,也可能是树状菜单,struts-menu帮我们实现了一些常用菜单,而且非常漂亮,这样就大大节省了开发的时间,真可谓是事半功倍呀。目前struts-menu最新的版本是2.4.1 ,可以从http://struts-menu.sourceforge.net/userguide.html 进行下载,它主要实现以下几种类型的菜单: DropDownMenu,SimpleMenu,CoolMenu,PermissionsFormMenu,ListMenu,TabbedMenu,VelocityMenu,XtreeMenu,CSSListMenu。

 

下面我就以树状菜单为例,介绍一下具体的实现方法:

 

一、准备工作:

?        首先下载最新的struts-menu,包括struts-menu-2.4.1.jar及struts-menu-2.4.1.war。

?        struts-menu-2.4.1.war解压到指定目录,我们将要用到该压缩包里的相关文件。

?        确保你的系统可以运行用struts框架实现的B/S程序,即需要安装Tomcat等Servlet容器。

 

二、将struts-menu整合到你的Struts应用程序中,它也可以整合到一个非Struts的应用程序中,但是我不喜欢这样做,所以在此没有提供相应的说明:

?        struts-menu-2.4.1.jar放到你的WEB-INF/lib目录下。

?        在你的struts-config.xml文件中加入plug-in设置,如下:

       <plug-in className="net.sf.navigator.menu.MenuPlugIn">

<set-property property="menuConfig" value="/WEB-INF/menu-config.xml"/>

       </plug-in>

?        WEB-INF建立文件名为“menu-config.xml”的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" />

    </Displayers>

   

    <Menus>

      

    以下内容是菜单定义

       <Menu name="indexMenu" title="VIP病人管理系统">

<Item name="inexmenu" title="VIP病人管理系统" toolTip="VIP病人管理系统"       page="/menu_list.jsp" />

       </Menu>

    以上的menu_list.jsp文件为实现树状菜单的核心文件

   

    以下内容是菜单项目定义

       <Menu name="menu_mz" title="门诊处理" width="50">

<Item name="TDLnewcase" title="病人登记" location="vipinfo_add.jsp" />

<Item name="TDLnewitem" title="查询处理" location="query_mz.jsp" />

       </Menu>

 

       <Menu name="menu_zy" title="住院处理"  width="50">

<Item name="TDLopencase" title="基本信息" location="vipinfoadd_zy.jsp" />

<Item name="TDLopenitem" title="住院情况" location="vipinfozyqk.jsp" />

           <Item name="TDLopenparty2" title="查询处理"

              location="query_zy.jsp" />

       </Menu>

</MenuConfig>

 

?        建立menu_list.jsp文件,文件内容如下:

<%@ taglib uri="http://struts-menu.sf.net/tag" prefix="menu" %>

<menu:useMenuDisplayer name="ListMenu" bundle="org.apache.struts.action.MESSAGE">  

    <menu:displayMenu name="menu_mz"/>

    <menu:displayMenu name="menu_zy"/>     

</menu:useMenuDisplayer>

 

?        建立实现菜单的主JSP文件,文件名为menu.jsp,内容如下:

%@page contentType="text/html; charset=gb2312"%>

<html>

<head>

<base target="right">    

    <link rel="stylesheet" type="text/css" media="screen"

        href=" styles/global.css" />

       

    <link rel="stylesheet" type="text/css" media="screen"

        href=" styles/menuExpandable.css" />

 

    <script type="text/javascript" src=" scripts/menuExpandable.js"></script>   

</head>

<body>

<div id="topMenu">

<jsp:include page="menu_list.jsp" flush="true"/>

</div>   

</body>

</html>

 

?        struts-menu-2.4.1.war内scripts目录下的menuExpandable.js拷贝到你的struts中存放JS文件的目录下,将styles目录下的global.css、menuExpandable.css也拷贝到相应目录,最好新建以上两个目录scripts,styles,这样很多参数都不用修改,特别省事。

?        struts-menu-2.4.1.war内images目录拷贝到你的struts应用程序下,这个目录主要是菜单所需要的图片。

 

三、以下便是该菜单

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值