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);