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 ...
随机推荐
- Java 对比Vector、ArrayList、LinkedList
①引言 在日常生活中能高效的管理和操作数据是非常重要的.Java提供了强大的集合框架,大大提高了开发者的生产力,今天就了解一下有关集合框架方面的问题. Vector.ArrayList.LinkedL ...
- STM32 IO口双向问题
源: STM32 IO口双向问题
- STM32的中断系统
STM32的中断系统 STM32具有十分强大的中断系统,将中断分为了两个类型:内核异常和外部中断.并将所有中断通过一个表编排起来,下面是stm32中断向量表的部分内容: 上图-3到6这个区域被标黑了, ...
- [调参]CV炼丹技巧/经验
转自:https://www.zhihu.com/question/25097993 我和@杨军类似, 也是半路出家. 现在的工作内容主要就是使用CNN做CV任务. 干调参这种活也有两年时间了. 我的 ...
- Asp.net下拉树实现（Easy UI ComboTree）
场景描述:某个公司有多个部门并且部门存在子部门,通过一个下拉框选取多个部门,但是如果某个部门的子部门被全部选择,则只取该部门,而忽略子部门.(叶子节点全被选中时,只取父节点) 知识点:ComboTre ...
- 前端工程化 - bower
什么是bower bower是前端的包管理工具,类似于php的composer,python的pip,虽然先如今bower已经停止了更新(主要是因为Browserify和Webpack等包管理工具的兴 ...
- Android -- service的开启方式， start开启和绑定开启服务，调用服务的的方法, aidl调用远程服务
1. 概述 bindService() 绑定服务 可以得到服务的代理人对象,间接调用服务里面的方法. 绑定服务: 间接调用服务里面的方法. 如果调用者activity被销毁了, ...
- UOJ #164 【清华集训2015】 V
题目链接:V 这道题由于是单点询问,所以异常好写. 注意到每种修改操作都可以用一个标记\((a,b)\)表示.标记\((a,b)\)的意义就是\(x= \max\{x+a,b\}\) 同时这种标记也是 ...
- 重塑 data.table
在前面的章节中,我们已经学习了如何使用 reshape2 扩展包对 data.frame 进行塑形.其实,data.table 扩展包为 data.table 对象提供了更快更强的 dcast( ) ...
- ng-disabled 指令
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script sr ...