struts1.x-menu tree

http://www.99inf.net/SoftwareDev/Java/51713.htm

http://blog.csdn.net/frenzy/archive/2007/05/11/1605293.aspx

jar下载http://struts-menu.sourceforge.net/

使用struts-menu_详细（1）实现动态菜单 收藏

<script type="text/javascript"> document.body.oncopy = function() { if (window.clipboardData) { setTimeout(function() { var text = clipboardData.getData(&quot;text&quot;); if (text &amp;&amp; text.length&gt;300) { text = text + &quot;\r\n\n本文来自CSDN博客，转载请标明出处：&quot; + location.href; clipboardData.setData(&quot;text&quot;, text); } }, 100); } } </script><script type="text/javascript">function StorePage(){d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.365key.com/storeit.aspx?t='+escape(d.title)+'&amp;u='+escape(d.location.href)+'&amp;c='+escape(t),'keyit','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));keyit.focus();}</script>

使用struts-menu_详细（1）实现动态菜单

原文作者：UPS    Kylin项目小组

准备工作 :

下载 struts menu, 解压其中的示例包 (struts-menu 里面有些库没有提供 , 但示例里面有 )  

步骤

1, 新建一个 tomcat 工程

2, 添加 webProject 支持

3, 增加 struts 支持

4, 增加 jstl 支持

5, 拷贝必要的 jar 库文件到 dbMenu\WEB-INF\lib

       log4j- 1.2.8 .jar

velocity-1.4.jar

velocity-tools-view-1.0.jar

struts-menu-2.3.jar  

6, 创建 menu-config.xml 文件在 dbMenu\WEB-INF 目录。 内容如下 :

<? 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" />
   </ Displayers >
  
</ MenuConfig >

 

    < plug-in  className ="net.sf.navigator.menu.MenuPlugIn" >
       < set-property  property ="menuConfig"
        value ="/WEB-INF/menu-config.xml" />
    </ plug-in >

8, 拷贝必要的文件

       Images/*.*

       Scripts/        menuExpandable.js xtree.js

       Styles/     menuExpandable.css   global.css   xtree.css

       Templates/xtree.html

       dbMenu\WEB-INF\classes\globalMacros.vm   ( 这个文件好像必须要最后拷贝 , 否则会自动没了 why???)

10, 拷贝 tld 文件到 dbMenu\WEB-INF

       struts-menu.tld
       struts-menu-el.tld  

11, 不知道什么原因 , 需要修改 web.xml 文件中的 version=2.3

<web-app version="2.3">

       Web.xml 中增加

< context-param >
         < param-name > javax.servlet.jsp.jstl.fmt.localizationContext </ param-name >
         < param-value > TrackerRes </ param-value >
     </ context-param >

 

       仿造如下代码创建数据库

     < sql: update >
         CREATE   TABLE  menu_item (
           id BIGINT  not   null ,
           parent_name  VARCHAR ( 30 ),
           name  VARCHAR ( 30 ),
           title  VARCHAR ( 30 ),
           description  VARCHAR ( 50 ),
           location  VARCHAR ( 255 ),
           target  VARCHAR ( 10 ),
           onclick  VARCHAR ( 100 ),
           onmouseover  VARCHAR ( 100 ),
           onmouseout  VARCHAR ( 100 ),
            image   VARCHAR ( 50 ),
           altImage  VARCHAR ( 30 ),
           tooltip  VARCHAR ( 100 ),
           roles  VARCHAR ( 100 ),
           page  VARCHAR ( 255 ),
           width  VARCHAR ( 5 ),
           height  VARCHAR ( 5 ),
           forward  VARCHAR ( 50 ),
           action  VARCHAR ( 50 ),
            primary   key  (id)
        )
</ sql: update >

7, 修改 struts-config.xml 文件 , 增加如下部分 11, 创建数据库

12, 填写数据库

 

13, 创建 index.jsp 文件

<% @ page contentType = " text/html; charset=UTF-8 "   %>


<% @ taglib uri = " /WEB-INF/struts-menu.tld "  prefix = " menu "   %>
<% @ taglib uri = " /WEB-INF/struts-menu-el.tld "  prefix = " menu-el "   %>
<% @ taglib uri = " /WEB-INF/c.tld "  prefix = " c "   %>
<% @ taglib uri = " /WEB-INF/fmt.tld "  prefix = " fmt "   %>
<% @ taglib uri = " /WEB-INF/sql.tld "  prefix = " sql "   %>


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

<% @ page import = " java.util.Map,
                 javax.servlet.jsp.jstl.sql.Result,
                 net.sf.navigator.menu.MenuComponent,
                 net.sf.navigator.menu.MenuRepository " %>
                 
< html xmlns = " http://www.w3.org/1999/xhtml "  xml:lang = " en "  lang = " en " >
< head >
< title > menu test </ title >
   
    
     < 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 >
     < link rel = " stylesheet "  type = " text/css "  media = " all "     href = " styles/xtree.css " />
     < script type = " text/javascript "  src = " scripts/xtree.js " ></ script >       
     < script type = " text/javascript " >
         /*  Function for showing and hiding elements that use 'display:none' to hide  */
        function toggleDisplay(targetId) {
             if  (document.getElementById) {
                target  =  document.getElementById(targetId);
                 if  (target.style.display  ==   " none " ){
                    target.style.display  =   "" ;
                }  else  {
                    target.style.display  =   " none " ;
                }
            }
        }
     </ script >
     </ head >
< body >

< sql:setDataSource driver = " sun.jdbc.odbc.JdbcOdbcDriver "   user = ""  password = ""
 url = " jdbc:odbc:driver={Microsoft Access Driver (*.mdb)};DBQ=D:\\Program Files\\eclipse302\\workspace\dbMenu\\dm.mdb "
 var = " mydb "   />

< sql:transaction dataSource = " ${mydb} " >

     < sql:query var = " menus " >
        SELECT  *  FROM dm order by id;
     </ sql:query >

</ sql:transaction >
 
     <%
         //  I had issues using the existing repository - creating a new one
         //  seems to solve the problem.  If you figure out how to use the default
         //  Repository and keep your menus from duplicating themselves - please
         //  let me know!

        MenuRepository repository  =   new  MenuRepository();
         //  Get the repository from the application scope - and copy the
         //  DisplayerMappings from it.
        MenuRepository defaultRepository  =  (MenuRepository)
                application.getAttribute(MenuRepository.MENU_REPOSITORY_KEY);
        repository.setDisplayers(defaultRepository.getDisplayers());

        Result result  =  (Result) pageContext.getAttribute( " menus " );
        Map[] rows  =  result.getRows();
         for  ( int  i = 0 ; i  <  rows.length; i ++ ) {
            MenuComponent mc  =   new  MenuComponent();
            Map row  =  rows[i];
            String name  =  (String) row. get ( " name " );
            mc.setName(name);
            String parent  =  (String) row. get ( " parent_name " );
            System. out .println(name  +   " , parent is:  "   +  parent);
             if  (parent  !=   null ) {
                MenuComponent parentMenu  =  repository.getMenu(parent);
                 if  (parentMenu  ==   null ) {
                    System. out .println( " parentMenu ' "   +  parent  +   " ' doesn't exist! " );
                     //  create a temporary parentMenu
                    parentMenu  =   new  MenuComponent();
                    parentMenu.setName(parent);
                    repository.addMenu(parentMenu);
                }

                mc.setParent(parentMenu);
            }
            String title  =  (String) row. get ( " title " );
            mc.setTitle(title);
            String location  =  (String) row. get ( " location " );
            mc.setLocation(location);
            repository.addMenu(mc);
        }
        pageContext.setAttribute( " repository " , repository);
     %>



menu test
< hr >

< a href = " tabbedMenu.jsp?home " > static  Tab Menu  </ a >

< hr >

< a href = " dbtabbedMenu.jsp?home " >  Database Driven Tab Menu  </ a >

< hr >

< a href = " xmlForm.jsp " >   static  Xml Roles Menu  </ a >

< hr >

< a href = " myRolesForm.jsp " >  dababase driven Roles Menu  </ a >

< hr >

< h1 > Database Driven Menu </ h1 >

< hr >
     < div  class = " dynamicMenu " >
         < menu:useMenuDisplayer name = " ListMenu "  repository = " repository " >
             < menu:displayMenu name = " DatabaseMenu " />
             < menu:displayMenu name = " StandaloneMenu " />
             < menu:displayMenu name = " niupi " />
         </ menu:useMenuDisplayer >
     </ div >
< hr >
     < div  class = " dynamicMenu tree " >
     < script type = " text/javascript " >
         < menu:useMenuDisplayer name = " Velocity "  config = " /templates/xtree.html "
            repository = "