2011.10.29SSH2+Extjs用户根据角色加载不同的树二级节点

2011.10.29SSH2+Extjs用户根据角色加载不同的树二级节点

ID:39131227

大小:514.51 KB

页数:9页

时间:2019-06-25

2011.10.29SSH2+Extjs用户根据角色加载不同的树二级节点_第1页
2011.10.29SSH2+Extjs用户根据角色加载不同的树二级节点_第2页
2011.10.29SSH2+Extjs用户根据角色加载不同的树二级节点_第3页
2011.10.29SSH2+Extjs用户根据角色加载不同的树二级节点_第4页
2011.10.29SSH2+Extjs用户根据角色加载不同的树二级节点_第5页
资源描述:

《2011.10.29SSH2+Extjs用户根据角色加载不同的树二级节点》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、SSH2+Extjs用户根据角色加载不同的树二级节点说明:通过登录界面,用户输入名和密码,系统获取到用户名和密码后与与数据库进行比对:如果该用户是系统用户,则用户成功登录并跳转到新的界面。当该用户要查看相应的功能树的时候,系统会先获取用户登录的username,通过该用户名查询到在数据库中给该用户所赋予的角色id,然后再根据这个角色的id来查找这个角色所拥有的树的功能子节点,然后将查询到的资源按照tree所要求的json形式输出到前台从而显示出tree。通过点击tree的节点,将该node的id发送的后台,后

2、台自动加载该id对应的子节点并加载实现相应的树。本功能实现没有添加service层,Action直接调用Dao层的实现方法1.实现界面展示首先是登录界面1,登录成功后跳转图片2点击图片2中圈红的点击后便进入tree的显示图片3,能够看到系统已经自动显示到二级树节点点击图片3中的节点ShangjiShiyan,系统会自动查找该node的id对应的子节点并加载显示这里可以把树节点设置成多层,这里仅是用到三级节点便到叶子节点就结束了。2.数据库设计思路:通过Users表中查找系统用户UserName对应的UserI

3、D属性,然后通过连接表userrolerelationship找到该用户对应Role表的RoleID属性,在通过连接表roleresourcerelationship查找到该RoleID对应的Resource,并把这些resource放到List中输出。具体的表如下所示:(1)users表(UserName就是用户登录时的用户名)(2)userrolerelationship表(分别对应上表中的UserID和下表的RoleID)(3)role表(4)Roleresourcerelationship表(5)Re

4、source表(6)Tree表(json属性结构标准表,resource需要转换成tree形式输出)注意:Mysql中连接表的外键设定(UserID找到RoleID)(1)在Mysql中设计三个连接表Users表Userrolerelationship表(连接表)Role表这里通过Users表的Username到连接表中查找连接的表,然后通过连接表查找要连接的RoleID。在连接之前,首先要先确定Users表和Role表的主键类型,必须和连接表中这两列的属性完全一致,否则无法连接。在各自的表中id和RoleI

5、D也都是Int10先完善Users和Role表中的数据,在填写连接表中的内容(2)确定多表之间的关联清空连接表中的内容点击+添加外键,连接Users表点击+添加外键,连接Role表3.前台界面设计说明:通过登录界面,系统将用户登录的时候输入的用户名保存则session对象中,这样能够方便其他的Action访问该username,从而确定该用户名的权限前台界面树界面XueshengGuanli.js:Ext.onReady(function(){//设定一个根节点varrootAsy=newExt.tree.A

6、syncTreeNode({text:'学生管理',iconCls:'icon-treeroot',id:'0',expanded:true});//设定一个树加载器,当树节点展开时,延迟加载子节点vardepTreeLoader=newExt.tree.TreeLoader({preloadChildren:true,dataUrl:'Tree.action'//,baseParams:{//action:'getAllDlb'//}});//加载树的触发事件depTreeLoader.on('before

7、load',function(depTreeLoader,node){this.baseParams.id=node.id;//通过这个传递参数,这样就可以点一个节点出来它的子节点来实现异步加载},depTreeLoader);//显示的treevartesttree=newExt.tree.TreePanel({autoScroll:true,bodyStyle:'background-color:white',animate:true,containerScroll:true,root:rootAsy,l

8、oader:depTreeLoader});//将上面的testree放到Viewport中就可以显示树型结构了4.查找Tree.action(通过配置文件)(1)根据testree的提交的dataUrl,查找名为Tree的Action的java文件的位置。首先通过Struts.xml来找到Tree对应的action在Spring配置文件中的名称

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。