双层菜单

一. Django数据库使用顺序

 

如果在settings的DATABASES中为某一app配置的数据库,则该app使用这个数据库,如果app没有配置专门的数据库,则使用default中配置的数据库

二. 在orm中,为关联表的主表查询字表时起别名:related_name

 

三. 主表与子表的级联删除

1.主表与字表

 

1. 级联删除

 

删除主表中某条记录,子表中的关联内容也会删除,删除子表中木条记录,主表中的关联内容不会被删除

四.db_constraint属性

该属性可以实现不建立约束关系,但能应用建立约束所使用的查询接口

用于某些项目中的数据实际上具有一对多或多对多或一对一的关系,但是并不能够建立约束,此时如果不适用该属性,无法应用orm提供的查询接口,操作起来非常麻烦.

五.创建二级菜单

　　实现效果:

　　　　信息管理

　　　　　　客户列表

　　　　财务管理

　　　　　　缴费列表

1. 表结构更改(背景灰色为新增部分):

class Menu(models.Model):
    title = models.CharField(max_length=32, verbose_name='菜单')
    icon = models.CharField(max_length=32, verbose_name='图标', null=True, blank=True)

class Permission(models.Model):
    title = models.CharField(max_length=32, verbose_name='标题')
    url = models.CharField(max_length=32, verbose_name='权限')
    menu=models.ForeignKey("Menu",on_delete=models.CASCADE,null=True)
 
    class Meta:
        verbose_name_plural = '权限表'
        verbose_name = '权限表'
    
    def __str__(self):
        return self.title

1. 注入二级菜单所有信息

 

3.注入信息

from rbac.models import Role
def initial_sesson(user,request):
    """
    功能：将当前登录人的所有权限录入session中
    :param user: 当前登录人
    """
    # 查询当前登录人的所有权限列表
    # 查看当前登录人的所有角色
    # ret=Role.objects.filter(user=user)
    permissions = Role.objects.filter(user=user).values("permissions__url",
                                             "permissions__title",
                                             "permissions__menu__title",
                                             "permissions__menu__icon",                                                                                                                                               " permissions__menu__pk").distinct()
    permission_list = []  
    permission_menu_dict ={}
    for item in permissions:
        # 构建权限列表
        permission_list.append(item["permissions__url"])
        # 菜单权限
        menu_pk=item["permissions__menu__pk"]
        if menu_pk:
            if menu_pk not in permission_menu_dict:
                permission_menu_dict[menu_pk]={
                     "menu_title":item["permissions__menu__title"],
                     "menu_icon":item["permissions__menu__icon"],
                     "children":[
                         {
                             "title":item["permissions__title"],
                             "url":item["permissions__url"],
                         }
                     ],

                }
            else:
                permission_menu_dict[menu_pk]["children"].append({
                    "title": item["permissions__title"],
                    "url": item["permissions__url"],
                })
    print("permission_menu_dict",permission_menu_dict)
    # 将当前登录人的权限列表注入session中
    request.session["permission_list"] = permission_list
    # 将当前登录人的菜单权限字典注入session中
    request.session["permission_menu_dict"] = permission_menu_dict

3.1信息格式:(bejson在线转换格式工具)

元数据：

[  {
        'permissions__url': '/customer/list/',
        'permissions__title': '客户列表',
        'permissions__menu__title': '信息管理',
        'permissions__menu__icon': 'fa fa-connectdevelop',
        'permissions__menu__pk': 1
    },  
    
    {
        'permissions__url': '/mycustomer/',
        'permissions__title': '我的私户',
        'permissions__menu__title': '信息管理',
        'permissions__menu__icon': 'fa fa-connectdevelop',
        'permissions__menu__pk': 1
    },  
    
    {
        'permissions__url': '/payment/list/',
        'permissions__title': '缴费列表',
        'permissions__menu__title': '财务管理',
        'permissions__menu__icon': 'fa fa-code-fork',
        'permissions__menu__pk': 2
    }, ]

目标数据：

{
   1:{
        "title":"信息管理",
        "icon":"",
        "children":[
            {
              "title":"客户列表",
              "url":"",
            }
        ]
        
      },
      
   2:{
        "title":"财务管理",
        "icon":"",
        "children":[
            {
              "title":"缴费列表",
              "url":"",
            },
        ]
        
      }, 
  

}

4.注入之后要清浏览器的session

5.获取信息,渲染到页面上

在过滤器中:

@register.inclusion_tag("rbac/menu.html")
def get_menu_styles(request):
    permission_menu_dict = request.session.get("permission_menu_dict")
    print("permission_menu_dict",permission_menu_dict)
    return {"permission_menu_dict":permission_menu_dict}

在menu.HTML中

<div class="multi-menu">
    {% for item in permission_menu_dict.values %}
       <div class="item">
        <div class="title"><i class="{{ item.menu_icon }}"></i>{{ item.menu_title }}</div>
        <div class="body">
              {% for foo in item.children %}
                  <a href="{{ foo.url }}">{{ foo.title }}</a>
              {% endfor %}
        </div>
       </div>
    {% endfor %}
</div>

前端调用:

<div class="menu-body">
       {% load web %}
       {% get_menu_styles request %}
</div>

获得样式的css:

.multi-menu .item > .body {
    border-bottom: 1px solid #dddddd;
}

.multi-menu .item > .body a {
    display: block;
    padding: 5px 20px;
    text-decoration: none;
    border-left: 2px solid transparent;
    font-size: 13px;

}

.multi-menu .item > .body a:hover {
    border-left: 2px solid #2F72AB;
}

.multi-menu .item > .body a.active {
    border-left: 2px solid #2F72AB;
}

6.二级菜单隐藏效果,获得事件的js

$('.item .title').click(function () {
    $(this).next().toggleClass('hide');
    $(this).parent().siblings().children(".body").addClass("hide")
});