django使用ztree实现树状结构效果,子节点实现动态加载(l懒加载)

一、实现的效果

     由于最近项目中需要实现树状结构的效果,考虑到ztree这个组件大家用的比较多,因此打算在django项目中集成ztree来实现树状的效果。最终实现的示例效果如下:  

django使用ztree实现树状结构效果,子节点实现动态加载(l懒加载)_第1张图片django使用ztree实现树状结构效果,子节点实现动态加载(l懒加载)_第2张图片

     点击父节点,如果有子节点,则从后台动态请求数据,然后显示出子节点的数据。


 二、实现思路

            1、根据网上的资料以及官方教程,将ztree的相关文件复制到项目中;

           2、当打开页面时,从后台查询第一级的树节点出来,然后显示出来。因为后台数据库中的数据是一行一行的,而树需要数据是树结构的层级关系,因此显示时要做个转换。

           3、找到ztree的动态加载子节点数据的方法,当点击子节点后,去后台查询子节点的数据,然后显示。


 三、程序实现

 1、从ztre

你可能感兴趣的:(python项目源码100+,python,django,ztree,动态加载,懒加载)