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 ...
随机推荐
- 2018-2019 ICPC, NEERC, Southern Subregional Contest (Online Mirror, ACM-ICPC Rules, Teams Preferred) Solution
A. Find a Number Solved By 2017212212083 题意:$找一个最小的n使得n % d == 0 并且 n 的每一位数字加起来之和为s$ 思路: 定义一个二元组$< ...
- 20155239 2016-2017-2 《Java程序设计》第7周学习总结
教材学习内容总结 1.了解Lambda语言 "Lambda 表达式"(lambda expression)是一个匿名函数,Lambda表达式基于数学中的λ演算得名,直接对应于其中的 ...
- 使用ffmpeg进行网络直播
一.采集:使用python调用摄像头采集,原设想是使用树莓派摄像头采集,但是经费紧张买不起,先用摄像头凑合下,反正很简单. 原理就是先录一小段视频,然后循环播放,用 ...
- Java StringBuffer 和 StringBuilder 类
当对字符串进行修改的时候,需要使用 StringBuffer 和 StringBuilder 类. 和 String 类不同的是,StringBuffer 和 StringBuilder 类的对象能够 ...
- C#反射——模仿BeanUtil属性复制
反射工具类请参见:https://www.cnblogs.com/threadj/p/10535796.html using System; using System.Collections.Gene ...
- P1136 迎接仪式
P1136 迎接仪式 $O(n^{2}k)$:$f[i][k]$表示到第$i$个字符为止,交换$k$次,得到的最多子串数 那么枚举位置$j$,状态可以从$f[j][k-1]+1$转移过来 $O(nk^ ...
- 20145118 《Java程序设计》第5周学习总结 教材学习内容总结
20145118 <Java程序设计>第5周学习总结 教材学习内容总结 1.Java中所有错误都会被打包成对象,可以通过try.catch语法对错误对象作处理,先执行try,如果出错则跳出 ...
- 20155201 2016-2017-2 《Java程序设计》第九周学习总结
20155201 2016-2017-2 <Java程序设计>第九周学习总结 教材学习内容总结 第十六章 整合数据库 JDBC全名JavaDataBaseConnecticity,是Jav ...
- SpringMVC整个执行流程
在SSM (或SSH) 框架整合使用后,基本骨架看上去还是MVC的结构. MyBatis整合一些数据封装方法节省了DAO层的代码量, Spring提供了AOP,IoC( DI 具体实现 ). 而Spr ...
- php 获取某个日期n天之后的日期
<?php $date=date_create("2013-03-15"); date_add($date,date_interval_create_from_date_st ...