三种使用Struts 2实现树状菜单的方式.docx

三种使用Struts 2实现树状菜单的方式Struts2树状菜单实现一.概要:这篇文章是自己在学习struts2时从struts2的官方英文文档实例中整理出来的，此处介绍三种Struts2树状菜单的实现方式分别是:静态，动态，动态Ajax三种方式.以下实例均在windowsXpsp2+Struts2+MyEcliplse6.01+Tomcat6.0.14+JDK1.6.0_03下调试通过,项目名称为study3,包名为com.zhang.struts3这三种实例用到的包文件(,jar包)如下:commons-io-1.3.2.jarognl-2.6.11.jarstruts2-core-2.1.2.jarstruts2-dojo-plugin-2.1.2.jarxwork-2.1.1.jar二.具体实现1.静态指单独使用struts2的tree标签脚本实现的如以下文件treeStatic.jsp此文件不需要任何Action类支持,启动Tomcat后在地址栏中输入::8080/study3/treeStatic.jsp就行*treeStatic.jsp*1. 2. 3. 4. 10. 11. 12. 13. basehref=14. TreeExample(Static)15. 16. 17. dojo.event.topic.subscribe(treeSelected,functiontreeNodeSelected(node) 18. dojo.io.bind( 19. url:?nodeId=+node.node.title, 20. load:function(type,data,evt) 21. vardivDisplay=dojo.byId(displayIt); 22. divDisplay.innerHTML=data; 23. , 24. mimeType:text/html 25. ); 26. ); 27. 28. 29. 30. 31. Pleaseclickonanynodeonthetree. 32. 33. 34. 36. 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48. 49. 50. 51. *2.动态树状菜单:地址栏访问方法:8080/study3/tree/showDynamicTreeAction.action具体需要如下文件:struts2的类库文件即与struts2相关的包文件,web.xml,struts.xml,动态树状菜单的显示页面treeExampleDynamic.jsp,辅助显示页面:dynamicTreeSelect.jsp,动态Action类文件DynamicTreeSelectAction.java，提供数据的Bean类文件:Category.java,*所需要的包文件如下:*commons-fileupload-1.2.1.jarcommons-io-1.3.2.jarfreemarker-2.3.12.jarognl-2.6.11.jarstruts2-core-2.1.2.jarxwork-2.1.1.jarstruts2-dojo-plugin-2.1.2.jar*web.xml配置文件*web.xml*1. 2. 6. 7. struts28. 9. org.apache.struts2.dispatcher.FilterDispatcher 10. 11. 12. 13. struts214. /*15. 16. 17. index.jsp18. 19. *在此struts.xml配置文件中我将动态树状菜单以及动态Ajax树状菜单的配置内容写在了这一个配置文件中,其中动态树状菜单需要的action有dynamicTreeSelectAction,showDynamicTreeAction动态Ajax树状菜单需要的action有dynamicTreeSelectAction,showDynamicAjaxTreeAction,getNodes,这两个实例共用了提供数据的bean类文件Category.java文件.同时它们共用了dynamicTreeSelectAction，但用于显示的Action类文件分别用了自己的Action类文件*struts.xml*1. 2. 5. 6. 8. 10. /dynamicTreeSelect.jsp11. 12. 14. /treeExampleDynamic.jsp15. 16. 17. /treeExampleAjaxDynamic.jsp18. 19. 21. 22. /treeExampleAjaxDynamic.ftl 23. 24. 25. 26. *treeExampleDynamic.jsp*1. 2. 3. 4. 5. 6. Showcase-UITagExample-TreeExample(Dynamic)7. 8. 9. 10. 11. dojo.event.topic.subscribe(treeSelected,functiontreeNodeSelected(node) 12. dojo.io.bind( 13. url:?nodeId=+node.node.widgetId, 14. load:function(type,data,evt) 15. vardivDisplay=dojo.byId(displayId); 16. divDisplay.innerHTML=data; 17. , 18. mimeType:text/html 19. ); 20. ); 21. 22. 23. 26. 27. 28. 29. Pleaseclickonanyofthetreenodes. 30. 31. 32. *dynamicTreeSelect.jsp*1. 2. 3. Id:4. Name:(注:此文件就这三行代码负责将你选择的树状菜单相应结点信息如节点Id值与节点名称显示在.jsp页面上)*用于生成树状菜单的Action类文件*DynamicTreeSelectAction.java*1. packagecom.zhang.study3; 2. 3. importcom.opensymphony.xwork2.ActionSupport; 4. importcom.zhang.study3.Category; 5. publicclassDynamicTreeSelectActionextendsActionSupport 6. 7. privatelongnodeId; 8. privateCategorycurrentCategory; 9. 10. publicvoidsetNodeId(longnodeId) 11. this.nodeId=nodeId; 12. 13. publiclonggetNodeId() 14. returnnodeId; 15. 16. 17. publicStringexecute()throwsException 18. currentCategory=Category.getById(nodeId); 19. returnSUCCESS; 20. 21. 22. publicStringgetNodeName() 23. returncurrentCategory!=null?currentCategory.getName():Nodenotfound; 24. 25. *提供数据的bean类文件*Category.java*1. packagecom.zhang.study3; 2. 3. importjava.util.ArrayList; 4. importjava.util.HashMap; 5. importjava.util.List; 6. importjava.util.Map; 7. 8. publicclassCategory 9. privatestaticMapcatMap=newHashMap(); 10. static 11. newCategory(1,省总公司, 12. newCategory(2,地市1分公司, 13. newCategory(3,桥东区办事处, 14. newCategory(4,市场组), 15. newCategory(7,客服组), 16. newCategory(8,技术组), 17. newCategory(9,开发区办事处, 18. newCategory(10,市场组), 19. newCategory(11,客服组), 20. newCategory(12,技术组), 21. newCategory(13,后勤组), 22. newCategory(14,地市2分公司, 23. newCategory(15,软件开发组), 24. newCategory(16,软件测试组), 25. newCategory(17,售后服务组), 26. newCategory(18,市场拓展组), 27. newCategory(19,财物组); 28. 29. publicstaticCategorygetById(longid) 30. returncatMap.get(id); 31. 32. privatelongid; 33. privateStringname; 34. privateListchildren; 35. privatebooleantoggle; 36. publicCategory(longid,Stringname,Category.children) 37. this.id=id; 38. =name; 39. this.children=newArrayList(); 40. for(Categorychild:children) 41. this.children.add(child); 42. 43. catMap.put(id,this); 44. 45. publiclonggetId() 46. returnid; 47. 48. publicvoidsetId(longid) 49. this.id=id; 50. 51. publicStringgetName() 52. returnname; 53. 54. publicvoidsetName(Stringname) 55. =name; 56. 57. publicListgetChildren() 58. returnchildren; 59. 60. publicvoidsetChildren(Listchildren) 61. this.children=children; 62. 63. publicvoidtoggle() 64. toggle=!toggle; 65. 66. publicbooleanisToggle() 67. returntoggle; 68. 69. *用于显示树状菜单的Action类文件*ShowDynamicTreeAction.java*1. packagecom.zhang.study3; 2. 3. importcom.opensymphony.xwork2.ActionSupport; 4. importcom.zhang.study3.Category; 5. publicclassShowDynamicTreeActionextendsActionSupport 6. 7. publicCategorygetTreeRootNode() 8. returnCategory.getById(1); 9. 10. 致此动态树状菜单的实例已经完成，可以测试了*3.动态Ajax树状菜单:地址栏访问方法::8080/study3/tree/showDynamicAjaxTreeAction.action具体需要如下文件:动态树状菜单的显示页面:treeExampleAjaxDynamic.jsp,dojo辅助文件treeExampleAjaxDynamic.ftl,动态Action类文件ShowAjaxDynamicTreeAction.java,DynamicTreeSelectAction.java(此文件同上)*动态Ajax树状菜单的action类文件*ShowAjaxDynamicTreeAction.java*1. packagecom.zhang.study3; 2. 3. importcom.zhang.study3.Category; 4. 5. importcom.opensymphony.xwork2.ActionSupport; 6. 7. publicclassShowAjaxDynamicTreeActionextendsActionSupport 8. privateintnodeId=1; 9. 10. publicCategorygetCategory() 11. returnCategory.getById(nodeId); 12. 13. 14. publicintgetNodeId() 15. returnnodeId; 16. 17. 18. publicvoidsetNodeId(intnodeId) 19. this.nodeId=nodeId; 20. 21. *显示Ajax树状菜单的.jsp页面*treeExampleAjaxDynamic.jsp*1. 2. 3. 4. 5. 6. Showcase-UITagExample-TreeExample(Dynamic)7. 8. 9. 10. 11. dojo.event.topic.subscribe(treeSelected,functiontreeNodeSelected(node) 12. dojo.io.bind( 13. url:?nodeId=+node.node.widgetId, 14. load:function(type,data,evt) 15. vardivDisplay=dojo.byId(displayId); 16. divDisplay.innerHTML=data; 17. , 18. mimeType:text/html 19. ); 20. ); 21. 22. 23. 24. 26. 27. 28. Pleaseclickonanyofthetreenodes. 29. 30. 31. *辅助生成Ajax树状菜单的.ftl文件，此文件是从官方Struts2的实例包struts2-showcase-2.1.2中找到复制到项目中的，你也可以按以下代码用记事本保存一个此文件*treeExampleAjaxDynamic.ftl*1. 2. 3. 4. label:$, 5. id:$node.id, 6. hasChildren:$(node.children.size()0)?string 7. , 8. 9. *显示Ajax的Action类文件*ShowAjaxDynamicTreeAction.java*1. pa