Django侧边栏实现二级菜单

二级菜单                |

 信息管理　　　　   |

　　客户列表　　    |

　　缴费记录列表    |

 学生管理　　　　   |

　　学生列表　　　 |

　　学生转班　　    |

----------------

1， 定一个Menu表

2, 设置菜单于权限的关联关系（一对多关系）

3，只让一级菜单有图标

4, 迁移数据库，but 此时报错了

解决： 在rbac下的admin中修改展示列和修改列

 

5，录入权限信息

6，关联权限

7，初始化菜单信息

拿到的数据：

{'permissions__url': '/payment/list/', 'permissions__title': '缴费记录表',
        'permissions__menu_id': 1, 'permissions__menu__title': '信息管理',
        'permissions__menu__icon': 'fa-free-code-camp'}

变成这样的数据格式：

menu_dic = {
    1: {
        "title": "信息管理",
        "icon": "fa-free-code-camp",
        'children': [
            {"title": "客户列表", "url": "/customer/list/"}
        ]
    },
    2: {
        "title": "学生管理",
        "icon": "fa-free-code-camp",
        'children': [
            {"title": "客户列表", "url": "/customer/list/"}
        ]
    },

}

8, 前端中使用

9，对菜单的收放进行动态显示

(function (jq) {
    jq('.multi-menu .title').click(function () {
        $(this).next().toggleClass('hide');

    });
})(jQuery);