StrutsMenu使用笔记

在探讨《StrutsMenu使用笔记》这一主题时，我们深入解析了StrutsMenu框架的集成与配置过程，以及如何在Web应用中有效利用其提供的菜单功能。以下是对该主题核心知识点的详细阐述： ### StrutsMenu简介 StrutsMenu是为Apache Struts框架设计的一个插件，用于简化菜单系统的创建和管理。它提供了丰富的菜单样式和行为选项，如下拉菜单、酷炫菜单（Cool Menu）和树状菜单（Xtree Menu），使开发者能够快速构建响应式、用户友好的界面。 ### 集成与配置步骤 #### 1. 引入依赖 需将StrutsMenu的5个JAR包添加到项目的`/WEB-INF/lib`目录下。这些JAR包包含了运行StrutsMenu所必需的所有类和资源。 #### 2. 配置TLD文件 将StrutsMenu的TLD文件放置于`/WEB-INF/`目录下，这一步骤对于正确解析自定义标签至关重要。 #### 3. 添加静态资源 在`WebRoot`目录下创建`scripts`和`styles`子目录，以及`menu-images`目录来存储菜单所需的JavaScript库、CSS样式表和图片资源。 #### 4. 配置Struts 在`struts-config.xml`文件中注册`MenuPlugIn`插件，并设置其属性指向`menu-config.xml`文件路径，如： ```xml <plug-in className="net.sf.navigator.menu.MenuPlugIn"> <set-property property="menuConfig" value="/WEB-INF/menu-config.xml"/> </plug-in> ``` #### 5. 配置Menu 在`menu-config.xml`文件中定义菜单结构和行为，这是StrutsMenu的核心配置文件，决定了菜单的外观和交互方式。 #### 6. 使用JSP页面 在JSP页面中引用StrutsMenu的标签库，并调用`useMenuDisplayer`标签来展示不同名称的菜单，例如： ```jsp <%@ taglib uri="http://struts-menu.sf.net/tag" prefix="menu" %> <!-- 引入CSS和JS --> <link rel="stylesheet" type="text/css" href="styles/global.css"> <script type="text/javascript" src="scripts/cookies.js"></script> <menu:useMenuDisplayer name="DropDown"> <!-- 展示具体菜单 --> <menu:displayMenu name="officeMenu" target="frame1"/> <menu:displayMenu name="reportMenu" target="frame1"/> <menu:displayMenu name="productMenu" target="frame1"/> </menu:useMenuDisplayer> ``` ### 常见问题与解决策略 - **菜单仓库未找到**：确保所有JAR包已正确添加至项目库。 - **初始化失败**：检查`menu-config.xml`文件是否存在于指定路径，且无语法错误。 - **链接和脚本无效**：确认静态资源路径正确，且所有依赖项都已加载。 ### 不同菜单样式配置 #### DropDown菜单 只需引入基本的CSS和JS文件即可实现。 #### CoolMenu4菜单 需额外加入Cool Menu的样式和脚本，以及可能的配置脚本，如： ```html <link rel="stylesheet" type="text/css" href="styles/coolmenu.css"> <script type="text/javascript" src="scripts/coolmenus4.js"></script> <script type="text/javascript" src="scripts/cm_addins.js"></script> <!-- 可选配置 --> <script type="text/javascript" src="scripts/coolmenu4-config.js"></script> ``` #### XtreeMenu菜单 同样，添加XTree特定的样式和脚本即可启用树状菜单： ```html <link rel="stylesheet" type="text/css" href="styles/xtree.css"> <script type="text/javascript" src="scripts/xtree.js"></script> ``` 通过以上步骤和配置，开发者可以充分利用StrutsMenu的强大功能，为Web应用程序提供动态、美观且功能丰富的菜单系统。