设计菜单管理问题：
图片.png
1.如何生成菜菜单
2.怎么让这些菜单分级显示并且如果当前访问的url权限默认
展开如果是组内菜单就加粗或者变红
3.非菜单url，默认选中原菜单。（如果你是点击用户列表进来的
那么你看到页面了，如果你点击添加的时候，你的那个用户列看不见了
这就不好了。所以要设计当你点击添加按钮的时候，那个用户列表被默认选中）
菜单管理
菜单一：
用户管理
权限管理
菜单二：
订单管理
角色管理
分级做了菜单。这些菜单该显示什么菜单？是当前用户登录之后从数据库拿到用户拥有的权限，然后把权限搞成菜单
在表里面设计了一个组内菜单（自关联），当menu_gp_id为NULL就代表可以作为菜单
图片.png
1.在models中添加Menu对象（表）以及和group建立起一对多的关系
from django.db import models
class Menu(models.Model):
"""
菜单组
"""
title = models.CharField(max_length=32)
class Group(models.Model):
"""
权限组
"""
caption = models.CharField(verbose_name='组名称',max_length=16)
menu = models.ForeignKey(verbose_name='所属菜单',to='Menu')
class Permission(models.Model):
"""
权限表
"""
title = models.CharField(verbose_name='标题',max_length=32)
url = models.CharField(verbose_name="含正则URL",max_length=64)
is_menu = models.BooleanField(verbose_name="是否是菜单")
code = models.CharField(verbose_name="代码",max_length=16)
group = models.ForeignKey(verbose_name='所属组',to="Group")
class Meta:
verbose_name_plural = "权限表"
def __str__(self):
return self.title
class User(models.Model):
"""
用户表
"""
username = models.CharField(verbose_name='用户名',max_length=32)
password = models.CharField(verbose_name='密码',max_length=64)
email = models.CharField(verbose_name='邮箱',max_length=32)
roles = models.ManyToManyField(verbose_name='具有的所有角色',to="Role",blank=True)
class Meta:
verbose_name_plural = "用户表"
def __str__(self):
return self.username
class Role(models.Model):
"""
角色表
"""
title = models.CharField(max_length=32)
permissions = models.ManyToManyField(verbose_name='具有的所有权限',to='Permission',blank=True)
class Meta:
verbose_name_plural = "角色表"
def __str__(self):
return self.title
models
2.初始化获取菜单信息+权限信息
from django.conf import settings
def init_permission(user,request):
"""
初始化权限信息，获取权限信息并放置到session中。
:param user:
:param request:
:return:
"""
permission_list = user.roles.values('permissions__title', # 用户列表
'permissions__url',
'permissions__code',
'permissions__is_menu', # 是否是菜单
'permissions__group_id',
'permissions__group__menu_id', # 菜单ID
'permissions__group__menu__title',# 菜单名称
).distinct()
menu_list = []
# 去掉不是菜单的URL
for item in permission_list:
if not item['permissions__is_menu']:
continue
tpl = {
'menu_id':item['permissions__group__menu_id'],
'menu_title':item['permissions__group__menu__title'],
'title':item['permissions__title'],
'url':item['permissions__url'],
'active':False,
}
menu_list.append(tpl)
request.session[settings.PERMISSION_MENU_KEY] = menu_list
# 权限相关
result = {}
for item in permission_list:
group_id = item['permissions__group_id']
code = item['permissions__code']
url = item['permissions__url']
if group_id in result:
result[group_id]['codes'].append(code)
result[group_id]['urls'].append(url)
else:
result[group_id] = {
'codes':[code,],
'urls':[url,]
}
request.session[settings.PERMISSION_URL_DICT_KEY] = result
init_permission.py
结构化数据示例：
mport re
menu_list = [
{'menu_id':1, 'menu_title':'菜单一','title':'用户列表','url':'/userinfo/','active':False},
{'menu_id':1, 'menu_title':'菜单一','title':'订单列表','url':'/order/','active':False},
{'menu_id':2, 'menu_title':'菜单二','title':'xxx列表','url':'/xxx/','active':False},
{'menu_id':2, 'menu_title':'菜单二','title':'iii列表','url':'/uuu/','active':False},
]
current_url = "/userinfo/"
res={}
for tem in menu_list:
mid=tem["menu_id"]
mtitle=tem["menu_title"]
title=tem["title"]
url=tem["url"]
active=False
if re.match(url,current_url):
active=True
if mid in res:
res[mid]["children"].append({"title":title,"url":url,"active":active})
if active:
res[mid]["active"]=True
else:
res[mid]={
"menu_id":mid,
"menu_title":mtitle,
"active":active,
"children":[
{"title":title,"url":url,"active":True},
]
}
print(res)
结果：
aa={
1:
{
'menu_id': 1,
'menu_title': '菜单一',
'active': True,
'children': [{'title': '用户列表', 'url': '/userinfo/', 'active': True},
{'title': '订单列表', 'url': '/order/', 'active': True}]
},
2:
{
'menu_id': 2,
'menu_title': '菜单二',
'active': True,
'children': [{'title': 'xxx列表', 'url': '/xxx/', 'active': True},
{'title': 'iii列表', 'url': '/uuu/', 'active': True}]
}
}
3.显示多级菜单
模块中操作
其中菜单部分由自定义标签生产
具体展示页面则用模块继承：如userinfo
a.base.html
{% load rbac %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="/static/rbac/rbac.css">
</head>
<body>
<div style="float: left;width: 20%;height: 900px;background-color: darkgrey">
{% menu_html request %}
</div>
<div style="float: left;width: 80%">
{% block content %}
{% endblock %}
</div>
</body>
<script src="/static/jquery-3.2.1.min.js"></script>
<script src="/static/rbac/rbac.js"></script>
</html>
b.userinfo.html
{% extends "base.html" %}
{% block content %}
{% if pagepermission.has_add %}
<p><a href="">添加</a></p>
{% endif %}
<table>
<thead>
<th>id</th>
<th>name</th>
<th>操作</th>
</thead>
<tbody>
{% for foo in data_list %}
<tr>
<td>{{ foo.id }}</td>
<td>{{ foo.name }}</td>
<td>
{% if pagepermission.has_edit %}
<a href="#">编辑</a>
{% endif %}
{% if pagepermission.has_del %}
<a href="#">删除</a>
{% endif %}
</td>
</tr>
{% endfor %}
{% endblock %}
c.建立自定义标签
rbac/templatetags/rbac.py
import re
from django.template import Library
from django.conf import settings
register = Library()
@register.inclusion_tag("menuList.html")
def menu_html(request):
menu_list = request.session[settings.PERMISSION_MENU_KEY]
current_url = request.path_info
result = {}
for item in menu_list:
url = item['url']
regex = "^{0}$".format(url)
active = False
if re.match(regex,current_url):
active = True
menu_id = item['menu_id']
if menu_id in result:
result[menu_id]['children'].append({'title': item['title'], 'url': item['url'], 'active': active})
if active:
result[menu_id]['active'] = True
else:
result[menu_id] = {
'menu_id': menu_id,
'menu_title': item['menu_title'],
'active': active,
'children': [
{'title': item['title'], 'url': item['url'], 'active': active},
]
}
return {'menu_dict':result}
rbac.py
d.menulist.html
{% for k,item in menu_dict.items %}
<div class="item">
<div class="item_title">{{ item.menu_title }}</div>
{% if item.active %}
<div class="item_permissions">
{% else %}
<div class="item_permissions hide">
{% endif %}
{% for v in item.children %}
{% if v.active %}
<a href="#" class="active">{{ v.title }}</a>
{% else %}
<a href="#">{{ v.title }}</a>
{% endif %}
{% endfor %}
</div>
</div>
{% endfor %}
e.css和js
在rbac建立static/rbac目录在其中创建rbac.css和rbac.js
.item_permissions{
padding: 3px 10px;
}
.item_permissions a{
display: block;
}
.item_permissions a.active{
color: red;
}
.hide{
display: none;
}
rbac.css
···
$(function () {
$(".item_title").click(function () {
$(this).next().toggleClass("hide")
});
})
···
.四.菜单展示的改进
因为当我们对用户部分进行增删改查的时，用户列表也应该展开的，但是我们上面所写的当我们点击增加删除编辑按钮时，用户菜单会闭合而不是展开的对此我们要进行一些改进
1.在权限表中增加字段menu_gp,并删除is_menu字段
from django.db import models
class Menu(models.Model):
'''
菜单表
'''
title=models.CharField(max_length=32,verbose_name="菜单名称")
class Group(models.Model):
'''
权限组
'''
caption=models.CharField(max_length=32,verbose_name="组名称")
menu=models.ForeignKey(verbose_name="所属菜单",to="Menu",default=1)
class Permission(models.Model):
"""
权限表
"""
title = models.CharField(verbose_name='标题',max_length=32)
url = models.CharField(verbose_name="含正则URL",max_length=64)
# is_menu = models.BooleanField(verbose_name="是否是菜单")
menu_gp=models.ForeignKey(verbose_name="组内菜单",to="Permission",null=True,blank=True)
code=models.CharField(max_length=32,verbose_name="代码",default="list")
group=models.ForeignKey(verbose_name="s所在权限组",to="Group",default=1)
class Meta:
verbose_name_plural = "权限表"
def __str__(self):
return self.title
class User(models.Model):
"""
用户表
"""
username = models.CharField(verbose_name='用户名',max_length=32)
password = models.CharField(verbose_name='密码',max_length=64)
email = models.CharField(verbose_name='邮箱',max_length=32)
roles = models.ManyToManyField(verbose_name='具有的所有角色',to="Role",blank=True)
class Meta:
verbose_name_plural = "用户表"
def __str__(self):
return self.username
class Role(models.Model):
"""
角色表
"""
title = models.CharField(max_length=32)
permissions = models.ManyToManyField(verbose_name='具有的所有权限',to='Permission',blank=True)
class Meta:
verbose_name_plural = "角色表"
def __str__(self):
return self.title
moedels.py
2.修改初始化中菜单
init_permission.py
from django.conf import settings
def init_permission(user,request):
"""
初始化权限信息，获取权限信息并放置到session中。
:param user:
:param request:
:return:
"""
permission_list = user.roles.values('permissions__title',
"permissions__code",
"permissions__id",
'permissions__url',
'permissions__menu_gp_id',
"permissions__group__id",
"permissions__group__menu_id",
"permissions__group__menu__title",
).distinct()
menu_list=[]
for item in permission_list:
tpl={
"id":item["permissions__id"],
"title":item["permissions__title"],
"menu_title":item["permissions__group__menu__title"],
"url":item["permissions__url"],
"menu_id":item["permissions__group__menu_id"],
"menu_gp_id":item["permissions__menu_gp_id"],
}
menu_list.append(tpl)
request.session[settings.PERMISSIONS_MENU_KEY]=menu_list
# menu_list=[]
# for item in permission_list:
# if not item["permissions__is_menu"]:
# continue
#
# tpl={
# "menu_id":item["permissions__group__menu_id"],
# "menu_title":item["permissions__group__menu__title"],
# "title":item["permissions__title"],
# "url":item["permissions__url"],
# "active":False,
# }
#
# menu_list.append(tpl)
# print(menu_list)
# request.session[settings.PERMISSIONS_MENU_KEY]=menu_list
#权限管理
result={}
for item in permission_list:
groupid=item["permissions__group__id"]
code=item["permissions__code"]
url=item["permissions__url"]
if groupid in result:
result[groupid]["codes"].append(code)
result[groupid]["urls"].append(url)
else:
result[groupid]={
"codes":[code,],
"urls":[url,]
}
print(result)
request.session[settings.PERMISSIONS_URL_DICT_KEY] = result
init_permission.py
3.修改定义标签
rbac.py
import re
from django.conf import settings
from django.template import Library
register = Library()
@register.inclusion_tag("menuList.html")
def menu_html(request):
menu_list=request.session.get(settings.PERMISSIONS_MENU_KEY)
currenturl=request.path_info
menu_dict={}
for item in menu_list:
if not item["menu_gp_id"]:
menu_dict[item["id"]]=item
for item in menu_list:
regex="^{0}$".format(item["url"])
if re.match(regex,currenturl):
menu_gp_id=item["menu_gp_id"]
if not menu_gp_id:
menu_dict[item["id"]]["active"]=True
else:
menu_dict[item["menu_gp_id"]]["active"]=True
'''
menu_dict={
1: {'id': 1, 'title': '用户列表', 'url': '/userinfo/', 'menu_gp_id': None, 'menu_id': 1, 'menu_title': '菜单管理', 'active': True},
5: {'id': 5, 'title': '订单列表', 'url': '/order/', 'menu_gp_id': None, 'menu_id': 2, 'menu_title': '菜单2'}}
'''
print(menu_dict,"11111111111111111111111111111111111111111111")
result = {}
for item in menu_dict.values():
menu_id=item["menu_id"]
menu_title=item["menu_title"]
active=item.get("active")
url=item["url"]
title=item["title"]
if menu_id in result:
result[menu_id]["children"].append({"title":title,"url":url,"active":active})
if active:
result[menu_id]["active"]=True
else:
result[menu_id]={
"menu_id":menu_id,
"menu_title":menu_title,
"active":active,
"children":[
{"title":title,"url":url,"active":active},
]
}
print(result)
# for item in menu_list:
# menu_id=item["menu_id"]
# menu_title=item["menu_title"]
# title=item["title"]
# url=item["url"]
# active=False
# regex="^{0}$".format(url)
# if re.match(regex,currenturl):
# active=True
#
# if menu_id in result:
# result[menu_id]["children"].append({{"title":title,"url":url,"active":active},})
# if active:
# result[menu_id]["active"]=active
# else:
# result[menu_id]={
# "menu_id":menu_id,
# "menu_title":menu_title,
# "active":active,
# "children":[
# {"title":title,"url":url,"active":active},
# ]
# }
# print(result)
return {"menu_dict":result}
rbac.py
其他不做修改
