ssh框架下用ajax动态从数据库查询的菜单

1、动态菜单的构建，即使用ajax异步与服务器通信，实时以局部刷新的方式从数据库取出菜单。这里把我的实现记录下来，以备以后维护升级。1、首先是model层publicclassTreeMenuprivateLongid;privateLongparentID;privateStringmenuName;privateStringurl；setter,getter省略2、Dao层数据库映射数据库的操作主要用到通过角色来取出菜单，判断是否有子菜单的操作按角色取出所有菜单publicListgetTreeMenuByRoleID(longroleID)returngetHibernateTemplate

2、().find(selectbfromRoleajoina.treeMenubwherea.id=?,new_ObjectrolelD);按角色取出根菜单publicListgetFirstLeaveMenuByRoleID(longroleID)returnqetHibernateTemplate().find(selectbfromRoleajoina.treeMenubwherea.id=?andb.parentID=O,newObjectrolelD);判断是否有子菜单publicbooleanhasChild(longid)return!getHibernateTemplate().

3、find(fromTreeMenuawherea.parentID=?,newObjectid).isEmpty();数据库中存的结构如下所示：id|parelitIDjmenuNameurl11JO用户管理NULL2新増用户戸匚ftli-二viewnuth1=viewAjirt|-i2=Cviewuth3=血片r.3c发运计创NULL43计划查看tranePlanViewTvievvAjuth1=1viewAuthS=JvievvAiithj=：.51平台组织机构查看ongani2ationlnit?viewAuth1=2&uiewALrth2=0&viewAuth3=.g1角色查看role

4、ManagerTviewAuth1=0AviewAjth2=flAviewAuthi=44.1萋殖菜单测试NULLg寥级菓单刚试第二簸ANULL鑒级英单测试第二级巳NULL1二寥级菜单测试第三级NULL11C采购管建NULL1211采腐订单查询onderListViewmenu=cgddcxviewrjuthl=44viewnuth2=U11供应商笈货洁单displ-JFhListrrenu=fhqdiview.-juth1=舉血韶Auth2=.3、思路及关键实现下面将要讲到关键的地方，首先就得把思路说一下，思路是先显示parentID为0的菜单，也就是每个菜单的根部。当点击根菜单的时候，再将

5、下面的子菜单通过异步的方式取出。效果如下：用户管理新増用户平台组织柄构查看角芭查看多级栗单测试多级栗单测试笫二驰多级菜草测试第二级R.发运计划釆购管理采购订单查询供应商发赁IB单这里的话，我就自顶向下的方式说明。首先是前台的jsp，主要代码如下：ulid=parentclass=aimgid=downDetailsrc=/images/downDetail.jpgonclick=display(,);align=topheight=10px/表格的第一列存的是菜单，第二列存的是箭头。菜单是通过一个List迭代出来的。这里的关键是用到一个js。js代码如下：varxmlHttp;varcreat

6、eMenuHistory=newArray();varuserIDAllScope;functioncreateXmlHttp()if(window.ActiveXObject)xmlHttp=newActiveXObject(Microsoft.XMLHTTP);elseif(window.XMLHttpRequest)xmlHttp=newXMLHttpRequest();returnxmlHttp;functiondisplay(userID,parentID)userIDAllScope=userID;/alert(userID+parentID);varflag=true;/aler

7、t(createMenuHistory.length);for(vari=0;icreateMenuHistory.length;i+)/alert(isnotfrist);/alert(createMenuHistoryi);if(createMenuHistoryi=parentID)flag=false;break;if(flag=true)/alert(isnotexists+flag);if(createMenuHistory.length=0)/alert(isfrist);createMenuHistory0=parentID;elsecreateMenuHistorycreat

8、eMenuHistory.length=parentID;varqueryString=userID=+userID+&parentID=+parentID;xmlHttp=createXmlHttp();/alert(xmlHttp);xmlHttp.open(POST,jsonSubMenu,true);xmlHttp.setRequestHeader(Content-Type,application/x-www-form-urlencoded);xmlHttp.onreadystatechange=getSubMenuComplete;/alert(itisworked);xmlHttp

9、.send(queryString);else/alert(isexists+flag);vartarget=document.getElementById(parent+parentID);varshowHide=target.className;if(showHide=show|showHide=hide)target.className=a;showHide=a;/alert(target.getAttribute(id)+showHide);/alert(child.length);if(showHide=b)target.className=a;varchild=target.chi

10、ldNodesfor(vari=1;ichild.lenqth;i+)childi.className=show;elseif(showHide=a)target.className=b;varchild=target.childNodesfor(vari=1;ichild.lenqth;i+)if(childi.tagName!=SPAN)childi.className=hide;functionqetSubMenuComplete()if(xmlHttp.readyState=4&xmlHttp.status=200)eval(json=+xmlHttp.responseText+;);

11、/alert(xml HYPERLINK http:/Http.responseTextHttp.responseText);for(vari=0;ijson.menus.length;i+)vartarget=document.getElementById(parent+json.menusi.parentID);varulElmt=document.createElement(UL);varid=parent+json.menusi.id;ulElmt.setAttribute(id,id);ulElmt.setAttribute(class,a);ulElmt.innerHTML=jso

12、n.menusi.appendToHtml;target.appendChild(ulElmt);这里，我们需要一个数组来记录哪些父菜单被展开了，展开一个菜单，把菜单ID放入数组中，这里是createMenuHistory。另外用到一个Class，a和b来表示展开或隐藏的情况。如果要展开菜单，则发送异步请求到jsonSubMenu这个。通过这个，将得到一个数据，格式如下：menus:id:12,parentID:11,name:采购订单查询,hasChild:false,appendToHtml:米购订单查询,id:14,parentID:11,name:供应商发货清单,hasChild:fa

13、lse,appendToHtml:供应商发货清单在该数据中包含了id，父菜单id，菜单名，是否有子菜单，本身的地址信息。然后把这些信息逐个包装成UL,加入到对应的父菜单的UL中。下面我们看一下jsonSubMenu是如何得到这个json数据的：publicvoidgetSubTree()throwsIllegalArgumentException,NoSuchFieldException,NoSuchMethodException,IllegalAccessException,InvocationTargetExceptiontryListtreeMenuBeans=roleManagerSe

14、rvice.getSubTreeMenu(userID,parentID);IteratortreeMenuBeanIt=treeMenuBeans.iterator();while(treeMenuBeanIt.hasNext()TreeMenuBeantreeMenuBean=(TreeMenuBean)treeMenuBeanIt.next();listToJson(menus,treeMenuBean);listToJsonEnd();HttpServletResponseresponse=ServletActionContext.getResponse();response.setC

15、haracterEncoding(UTF-8);tryresponse.getWriter().write(jsonString);catch(IOExceptione)e.printStackTrace();catch(Exceptione)e.printStackTrace();该方法很简单，主要是通过server层的roleManagerService对象的getSubTreeMenu(userID,parentID)方法返回个List。List封装的bean如下：privatelongid;privatelongparentID;privateStringname;privateBoo

16、leanhasChild;privateStringappendToHtml;省略setter和getter该bean比model多了一个是否有子菜单，和标签(记录在appendToHtml成员变量中)。另外，这里有一个listToJson方法，是把list转换成json数据结构的方法，要实现该方法不难，这里不说了。然后，我们看一下roleManagerService中的getSubTreeMenu(userID,parentID)方法,如下：publicListgetSubTreeMenu(StringuserID,longparentID)ListtreeMenuBeans=newArra

17、yList();Useruser=userDao.findUserByUserID(userID);Listroles=roleDao.findRoleByUser(user.getUserID();IteratorroleIt=roles.iterator();while(roleIt.hasNext()Rolerole=(Role)roleIt.next();ListtreeMenus=treeMenuDao.getSubMenuByRoleID(role.getId(),parentID);IteratortreeMenuIt=treeMenus.iterator();while(tre

18、eMenuIt.hasNext()StringBufferappend=newStringBuffer();TreeMenumenu=(TreeMenu)treeMenuIt.next();TreeMenuBeantreeMenuBean=newTreeMenuBean();treeMenuBean.setId(menu.getId();treeMenuBean.setParentID(parentID);treeMenuBean.setName(menu.getMenuName();booleanhasChild=treeMenuDao.hasChild(menu.getId();treeM

19、enuBean.setHasChild(hasChild);if(hasChild)append.append(+menu.getMenuName()+);elseappend.append(+menu.getMenuName()+);treeMenuBean.setAppendToHtml(append.toString();treeMenuBeans.add(treeMenuBean);returntreeMenuBeans;这里主要是从层得到相应的菜单，然后转换成。另外，如果有子菜单的话，这里中的中记录的是菜单名右箭头，如果无子菜单了，给的就是地址菜单名这样的话，动态生成子菜单就完成了。最后别忘了进入页面时应该生成根菜单，生成根菜单可