扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
**简单的例子使用的layui框架，并没有使用他的ztree插件，只用ajax配合sql完成最简单的一二级菜单权限控制及其排序功能。
先看数据库设计：**
user表：
role表：
menu表：
user_role表：
role_menu表：
在这里 menu的id依然是主键，多了mid也就是菜单id，pare_menu_id也就是这个菜单对应的父级菜单的菜单id（mid）；没有的话，就是0，也就是一级菜单，在这里，一级菜单的mid必须满足为整千数，或者万也行，其子菜单在mid+999范围内；
sql查询结果：
前台数据处理方法：
//菜单循环遍历打印拼接操作
$(function () {
$.ajax( {
url : projectName+'/sys/menu/findMenuByRole',
type : 'post',
dataType : 'json',
success : function(data) {
var menu = ""; //定义变量存储
for(var i = 0;i"
for(var j = 0;j data[i].mid && data[j].mid < (data[i].mid)+1000){ //取出这个父元素所对应的子元素
menu += ""
menu += "- "
menu += ""+' '+data[j].menuName+""
menu += "
"
menu += "
"
}
}
}
menu += "";
}
$("#nav").html(menu);
var element = layui.element;
element.init()//初始化element事件，使菜单展开
}
});
}) 
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网