使用struts-menu製作樹型菜單一實例

建立j2ee工程，工程名稱為：struts-menu Context root URL: /menu 選中Add JSTL libraries to WEB-INF/lib forlder? JSTL版本（隨意）   以下所有的檔案可以從原始碼中拷貝 拷貝檔案中的以下內容到工程的webroot目錄中 images 、 scripts 、 styles 、 templates 四個檔案夾   拷貝以下檔案到 /WEB-INF/ 目錄 struts-menu.tld struts-menu-el.tld menu-config.xml   拷貝以下檔案到 /WEB-INF/lib/ 目錄 struts-menu-2.3.jar velocity-1.4.jar velocity-tools-view-1.0.jar   拷貝以下檔案到 /src/ 目錄 globalMacros.vm   拷貝以下檔案到 /WEB-INF/lib/ 目錄， 此檔案是在使用j2ee1.4版本建立工程時才需要 commons-lang-2.0.jar          ， 此檔案將在錄影包中提供   重新整理工程   建立Struts架構   按下 Ctrl + N ，使用嚮導新增 struts 外掛程式   Plugin class: net.sf.navigator.menu.MenuPlugIn 點擊 add 按鈕，在對話方塊中填入以下內容 Property： menuConfig    Value： /WEB-INF/menu-config.xml     按下 Ctrl + N ，使用嚮導新增 Action Use case： find 其它使用預設值   在WebRoot目錄中建立兩個jsp檔案 ，index.jsp 、 ok.jsp   建立一個 Forward name： okGo Path： /ok.jsp   修改 index.jsp 檔案，內容如下： < html >   < head >     < title > ok </ title >   </ head >   < body >     < a href = "find.do" > Find </ a >   </ body > </ html >   修改 ok.jsp 檔案，內容如下： <%@ page contentType = "text/html;charset=UTF-8" language = "java" %> <%@ 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" %> <! 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 > Dynamic, Database-driven Menu </ title >     < link rel = "stylesheet" type = "text/css" media = "all"         href = " < c:url value = "/styles/menuExpandable.css" /> " />     < script type = "text/javascript"         src = " < c:url value = "/scripts/menuExpandable.js" /> " ></ script >     < link rel = "stylesheet" type = "text/css" media = "all"         href = " < c:url value = "/styles/xtree.css" /> " />     < script type = "text/javascript"         src = " < c:url value = "/scripts/xtree.js" /> " ></ script >     < link rel = "stylesheet" type = "text/css" media = "all"         href = " < c:url value = "/styles/global.css" /> " />     < 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 >     < div class = "dynamicMenu" >         < menu:useMenuDisplayer name = "ListMenu" repository