Ztree小demo用于系统授权
本示例只做到指定id用户的拥有的权限回显，并能动态获得ztree中重新选择的权限id。（至于权限的更新，就是后台人员对象和权限对象建立关系的过程，不做展示）
第一步：拼写jsp页面（下载ztree包，把css,js库导入webroot下。并在jsp页面上引用，将demo中ztree的显示代码贴上）如下
<html>
<head> <link rel="stylesheet" href="<%=request.getContextPath() %>/css/zTreeStyle/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery.ztree.core-3.5.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery.ztree.excheck-3.5.js"></script>
<script type="text/javascript">
//ztree的Demo代码
var setting = {
check: {
enable: true
},
data: {
simpleData: {
enable: true
}
}
};
//ztree的Demo代码
var zNodes; //当页面加载完毕，向后台发送ajax请求，获取用户id为1的用户所拥有的权限（这里要显示所有权限，该id用户的权限回显时，被自动选中）
function loadPower(){
$.ajax({
type:"post",
url:"<%=request.getContextPath() %>/PowerAction!query",
data:{"uid":1},
async:false,
dataType:"json",
success:function(msg){
zNodes=msg["tree"];
} }) } //用户重新选择权限时，获取选择权限的id，此处可以拼接权限id的字符串，到后台切割成数组。String.split(",")
function test(){
//获取被选中的节点集合
var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
var nodes = treeObj.getCheckedNodes(true);
//如果nodes的长度大于0说明ztree中有被选中的节点
if(nodes.length>0){
for(var i=0;i<nodes.length;i++){
var id=nodes[i]["id"];//获取选中节点的id
var name=nodes[i]["name"];//获取选中节点的名字
alert(id);
alert(name);
}
}else{
alert("没有选中节点");
} } //页面加载完毕时加载此方法
$(document).ready(function(){
loadPower();
$.fn.zTree.init($("#treeDemo"), setting, zNodes);
});
</script>
</head> <body>
<div class="zTreeDemoBackground left">
<ul id="treeDemo" class="ztree"></ul>
</div>
<input type="hidden" name="uid" value="${uid }">
<input type="button" value="测试被选中的节点的id" onclick="test();" />
</body>
</html>
第二步：后台接受前台请求。action的方法和service加工数据的方法和dao层查询数据的方法
/**
* action层
* 接受前台的ajax请求，获取所有权限（指定id用户拥有的权限，在回显成ztree节点时被选中）
* @Title: query
* @Description: TODO(这里用一句话描述这个方法的作用)
* @return
* @return String 返回类型
* @author 尚晓飞
* @date 2014-9-29 下午3:45:42
*/
public String query(){
//响应对象
PrintWriter out=null;
try {
//获取加工好的权限集合（指定id用户的权限在回显时被选中）
List<Map<String,Object>> list=powerService.queryByStuId(uid);
//获取响应对象
HttpServletResponse resp=ServletActionContext.getResponse();
//防止响应回去的数据乱码
resp.setCharacterEncoding("utf-8");
resp.setHeader("content-type", "text/html;charset=utf-8");
resp.setContentType("text/html;charset=utf-8");
//包装成json数据格式
JSONObject jsonObject=new JSONObject();
jsonObject.put("tree",list);
//响应ajax请求
out=resp.getWriter();
out.print(jsonObject);
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}finally{
out.close();
} return null;
} /**
* service业务层
* 用于加工前台需要的数据格式
* （1）查询出所有的权限集合
* （2）查询出指定id用户拥有的权限集合
* （3）加工前台需要的数据集合
* 注意点：hibernate从数据库中获取的对象都是单例模式，也就是说listOne.contains(power)是可以用于判断的
* 因为list集合是有序可重复的容器。
* @Title: queryByStuId
* @Description: TODO(这里用一句话描述这个方法的作用)
* @author 尚晓飞
* @date 2014-9-29 下午3:48:42
* @param id
* @return
* @see com.bjsxt.sxf.service.PowerService#queryByStuId(java.lang.Integer)
*/
@Override
public List<Map<String, Object>> queryByStuId(Integer id) {
// TODO Auto-generated method stub
//查询所有权限
List<Power> listAll=powerDao.queryAll();
//查询出指定id用户的权限
List<Power> listOne=powerDao.queryByUid(id);
//包装ztree
List<Map<String, Object>> list=new ArrayList<Map<String,Object>>();
Map<String, Object> map=null;
//{ id:2, pId:0, name:"随意勾选 2", checked:true, open:true},
//需要加工成的模式。
for(int i=0;i<listAll.size();i++){
map=new HashMap<String, Object>();
Power power=listAll.get(i);
map.put("id",power.getId());
map.put("pId",power.getParentId());
map.put("name", power.getName());
if(listOne!=null&&listOne.size()>0&&listOne.contains(power)){
map.put("checked",true);
map.put("open", true);
map.put("url",power.getUrl());
}else{
map.put("checked",false);
map.put("open", false);
}
list.add(map);
}
return list;
} /**
* dao层
* 查询出所有权限集合（hql语句）
* @Title: queryAll
* @Description: TODO(这里用一句话描述这个方法的作用)
* @return
* @return List<Power> 返回类型
* @author 尚晓飞
* @date 2014-9-29 下午3:52:44
*/
public List<Power> queryAll(){
return hibernateTemplate.find("from Power");
} /**
* dao层
* 查询出指定用户id拥有的权限集合
* @Title: queryByUid
* @Description: TODO(这里用一句话描述这个方法的作用)
* @param id
* @return
* @return List<Power> 返回类型
* @author 尚晓飞
* @date 2014-9-29 下午3:53:08
*/
public List<Power> queryByUid(final Integer id){
return hibernateTemplate.execute(new HibernateCallback<List<Power>>() { @Override
public List<Power> doInHibernate(Session session)
throws HibernateException, SQLException {
// TODO Auto-generated method stub
String sql="SELECT * from shang_power p where p.id IN (SELECT sp.power_id from stu_power sp where sp.stu_id=?)";
SQLQuery query=session.createSQLQuery(sql).addEntity(Power.class);
query.setParameter(0, id); List<Power> list=query.list();
return list;
} });
}
Ztree小demo用于系统授权的更多相关文章
- Android －BLE蓝牙小DEMO
代码地址如下:http://www.demodashi.com/demo/13890.html 原文地址: https://blog.csdn.net/vnanyesheshou/article/de ...
- Nancy之基于Self Hosting的补充小Demo
前面把Hosting Nancy with ASP.NET.Self Hosting Nancy和Hosting Nancy with OWIN 以demo的形式简单描述了一下. 这篇是为Self H ...
- 一周一个小demo — 前端后台的交互实例
这一周呢,本K在大神的指导下,完成了一个利用ajax与php文件上传处理相结合的一个留言板功能的小实例,下面就让本K来带大家瞅瞅如何实现这一种功能. 一.界面概览 首先我们来看一下这个小demo的具体 ...
- 【微信小程序】再次授权地理位置getLocation+openSetting使用
写在前面:在tarbar主页面,再次授权JS代码请放在onshow里面:在详情页(非一级主页面),再次授权JS代码请放在onReady里面,具体原因我前面博客讲了的. 我们知道: 1.微信的getLo ...
- 移动端页面弹幕小Demo实例说明
代码地址如下:http://www.demodashi.com/demo/11595.html 弹幕小Demo实例地址,点击看效果 写在前面:尝试做了一下弹幕的实例,欢迎提出并指正问题 问题说明: D ...
- Nancy之基于Nancy.Hosting.Self的小Demo
继昨天的Nancy之基于Nancy.Hosting.Aspnet的小Demo后, 今天来做个基于Nancy.Hosting.Self的小Demo. 关于Self Hosting Nancy,官方文档的 ...
- Nancy之基于Nancy.Owin的小Demo
前面做了基于Nancy.Hosting.Aspnet和Nancy.Hosting.Self的小Demo 今天我们来做个基于Nancy.Owin的小Demo 开始之前我们来说说什么是Owin和Katan ...
- Android -- 自定义View小Demo，动态画圆（一）
1,转载:(http://blog.csdn.NET/lmj623565791/article/details/24500107),现在如下图的效果: 由上面的效果图可以看到其实是一个在一个圆上换不同 ...
- 一个基于ES5的vue小demo
由于现在很多vue项目都是基于ES6开发的,而我学vue的时候大多是看vue官网的API,是基于ES5的,所以对于刚接触项目的我来说要转变为项目的模块化写法确实有些挑战.因此,我打算先做一个基于ES5 ...
随机推荐
- js文件被浏览器缓存
如果修改了js文件中的js代码,发布代码到线上后.用户的浏览器使用的还是原来js缓存.所以并不会马上生效. 如何才能让浏览器使用最新的js文件呢? 我去看了一下淘宝,发现也是这样一种方式额,不知道对不 ...
- nvm命令行操作命令
1,nvm nvm list 是查找本电脑上所有的node版本 - nvm list 查看已经安装的版本 - nvm list installed 查看已经安装的版本 - nvm list avail ...
- 【eclipse】Server Tomcat v9.0 Server at localhost failed to start.
Server Tomcat v9.0 Server at localhost failed to start. 的一个原因就是启动超时了.
- Gym 101246J Buoys（三分查找）
http://codeforces.com/gym/101246/problem/J 题意: 给定x轴上的n个点的坐标,按顺序从左到右给出,现在要使得每个点的间距相同,可以移动每个点的坐标,但是不能改 ...
- 创建maven或者Gradle项目的时候GroupId和ArtifactId以及Version是什么意思？
GroupId 是项目组织的唯一标识符,在实际开发中对应JAVA的包的结构,就是main目录里java的目录结构,如 ‘com.itcast.demo’. ArtifactId是项目的唯一标识符,在实 ...
- Message: dlopen failed for module ‘x’: file not found
这是未安装bochs-x的缘故 解决方案: sudo apt-get install bochs以后接着安装bochs-x. sudo apt-get install bochs-x 2.bx_dbg ...
- install ros-indigo-map-msgs
CMake Warning at /opt/ros/indigo/share/catkin/cmake/catkinConfig.cmake: (find_package): Could not fi ...
- 并发编程-synchronized关键字大总结
0.synchronized 的特点: 可以保证代码的原子性和可见性. 1.synchronized 的性质: 可重入(可以避免死锁.单个线程可以重复拿到某个锁,锁的粒度是线程而不是调用).不可中断( ...
- 安装 android4.0 到 vmware的注意点
我发现无论如何,wmware上是出不来声音的. 我放弃 android-x86-4.3-20130725.iso 在 声音上有问题 现在安装这个版本: android-x86-4.0-RC2-eeep ...
- PythonInstaller编译EXE方法+编译过程出错方案大全
https://www.cnblogs.com/gopythoner/p/6337543.htmlhttps://www.zhihu.com/question/22963200https://blog ...