Django实现树形表格

# Create your views here.
def menu_list(request):
    result = []
    query = Menu.objects.filter(is_delete=0)
    if not query:
        return None
    if query:
        for item in query:
            data = {
                'id': item.id,
                'name': item.name,
                'icon': item.icon,
                'url': item.url,
                'pid': item.pid,
                'type': item.type,
                'permission': item.permission,
                'status': item.status,
                'sort': item.sort,
                'note': item.note,
                'create_time': str(item.create_time.strftime('%Y-%m-%d %H:%M:%S')) if item.create_time else None,
                'update_time': str(item.update_time.strftime('%Y-%m-%d %H:%M:%S')) if item.update_time else None,
            }
            result.append(data)
            row_dict = json.dumps(result)
            # print(row_dict)
            form = MenuForm()
            content = {
                "result": row_dict,
                "form": form
            }

    return render(request, "menu/index.html", content)
前端代码
{% extends 'public/layout.html' %}
{% load static %}
{% load my_tag %}
{% block css %}
    
    
    
    
{% endblock %}
{% block content %}
    
        
            
                

                    
家
                    
仪表板 v1
                
            
            
                
                
                     新增
                     删除
                
            
            
                
                    
                
                

                    
«
                    
1
                    
2
                    
3
                    
4
                

            
        
    
    

    
    
        
            
                
                    ×
                    
Modal title
                
                
                    
                
                
                    关闭
                    保存
                
            
        
    
{% endblock %}

{% block js %}
    
    
    
    
{% endblock %}
效果