【技术实现步骤摘要】
一种基于Ztree实现按用户定制横向下拉三级菜单的方法
本专利技术涉及Ztree
,特别涉及一种基于Ztree实现按用户定制横向下拉三级菜单的方法。
技术介绍
在开发互联网模式的门店系统时,如果菜单使用纵向方式进行显示,感觉特别的拥挤,特别是不同的门店的显示器不太一样,很难做到兼容,所以不太适合门店;另外门店的员工级别都不一样,他们所能浏览的和所能操作的按钮都不一样,不能在他们进入系统后看到的菜单都一样。针对以上问题,本专利技术采用了按用户的角色来进行菜单控制,每个员工登录后只能看到自己角色的对应的菜单;菜单显示时,使用Ztree控件进行横向的加载显示,解决了如门店系统菜单显示时拥挤的问题。
技术实现思路
本专利技术解决的技术问题在于提供一种基于Ztree实现按用户定制横向下拉三级菜单的方法;本专利技术解决了在某些系统中不能按用户定制菜单以及菜单显示混乱拥挤的问题。本专利技术解决上述技术问题的技术方案是:一、在项目中引入支持文件;二、用户登录后,发送菜单加载请求;三、在后台根据条件查询出用户的菜单ID;四、根据用户菜单ID,查询出所有的根菜单ID;五、根据根菜单ID,查询出所有子菜单集合;六、将菜单集合转化为Json数据返回给前端;七、前端获取数据后,进行遍历,将每个Item信息组装成Ztree节点,存入数组中;八、使用Ztree对节点数组初始化,完成加载并显示。所述的方法具体包括如下步骤:步骤一、在项目中引入Ztree相关文件;步骤二、用户登 ...
【技术保护点】
1.一种基于Ztree实现按用户定制横向下拉三级菜单的方法,其特征在于:一、在项目中引入支持文件;二、用户登录后,发送菜单加载请求;三、在后台根据条件查询出用户的菜单ID;四、根据用户菜单ID,查询出所有的根菜单ID;五、根据根菜单ID,查询出所有子菜单集合;六、将菜单集合转化为Json数据返回给前端;七、前端获取数据后,进行遍历,将每个Item信息组装成Ztree节点,存入数组中;八、使用Ztree对节点数组初始化,完成加载并显示。/n
【技术特征摘要】
1.一种基于Ztree实现按用户定制横向下拉三级菜单的方法,其特征在于:一、在项目中引入支持文件;二、用户登录后,发送菜单加载请求;三、在后台根据条件查询出用户的菜单ID;四、根据用户菜单ID,查询出所有的根菜单ID;五、根据根菜单ID,查询出所有子菜单集合;六、将菜单集合转化为Json数据返回给前端;七、前端获取数据后,进行遍历,将每个Item信息组装成Ztree节点,存入数组中;八、使用Ztree对节点数组初始化,完成加载并显示。
2.根据权利要求1所述的基于Ztree技术领域的一种基于Ztree实现按用户定制横向下拉三级菜单的方法,其特征在于:在项目中引入Ztree相关文件;所述的引入步骤:
(1)到官网下载Ztree包;
(2)解压;
(3)提取js与css及图片等资源文件,拷贝到项目中;
(4)在页面中引入。
3.根据权利要求1所述的基于Ztree技术领域的一种基于Ztree实现按用户定制横向下拉三级菜单的方法,其特征在于:用户登录后,在主页面的Script标签中的预加载函数中,使用Ajax技术发送菜单加载请求。
4.根据权利要求1所述的基于Ztree技术领域的一种基于Ztree实现按用户定制横向下拉三级菜单的方法,其特征在于:后台接收到请求,从Session中获取...
【专利技术属性】
技术研发人员:陈林,张来卿,庞严冬,
申请(专利权)人:珠海横琴盛达兆业科技投资有限公司,
类型:发明
国别省市:广东;44
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。