rbac组件权限分配之权限展示

rbac组件权限分配之权限展⽰
⽰例效果：
功能讲解：
权限的新建按钮，只有点击⼆级菜单后才会显⽰；添加新的权限，默认为所点击的⼆级菜单进⾏添加新的权限，可以看到在前端的添加页⾯没有pid这个字段，在后端代码中已经设置了pid的值；
rbac/urls.py
from django.urls import re_path
from rbac.views import role
from rbac.views import user
from rbac.views import menu
urlpatterns = [
# ⾓⾊管理
re_path(r'^role/list/$', role.role_list, name="role_list"),
re_path(r'^role/add/$', role.role_add, name="role_add"),
re_path(r'^role/edit/(?P<pk>\d+)/$', role.role_edit, name="role_edit"),
re_path(r'^role/del/(?P<pk>\d+)/$', role.role_del, name="role_del"),
# ⽤户管理
re_path(r'^user/list/$', er_list, name="user_list"),
re_path(r'^user/add/$', er_add, name="user_add"),
re_path(r'^user/edit/(?P<pk>\d+)/$', er_edit, name="user_edit"),
re_path(r'^user/del/(?P<pk>\d+)/$', er_del, name="user_del"),
re_path(r'^user/reset/password/(?P<pk>\d+)/$', er_reset_pwd, name="user_reset_pwd"),
# ⼀级菜单管理
re_path(r'^menu/list/$', menu.menu_list, name="menu_list"),
re_path(r'^menu/add/$', menu.menu_add, name="menu_add"),
re_path(r'^menu/edit/(?P<pk>\d+)/$', menu.menu_edit, name="menu_edit"),
re_path(r'^menu/del/(?P<pk>\d+)/$', menu.menu_del, name="menu_del"),
# ⼆级菜单管理
re_path(r'^second/menu/add/(?P<menu_id>\d+)/$', menu.second_menu_add, name="second_menu_add"),
re_path(r'^second/menu/edit/(?P<pk>\d+)/$', menu.second_menu_edit, name="second_menu_edit"),
re_path(r'^second/menu/del/(?P<pk>\d+)/$', menu.second_menu_del, name="second_menu_del"),
# 权限展⽰
re_path(r'^permissions/add/(?P<second_menu_id>\d+)/$', menu.permission_add, name="permission_add"),
re_path(r'^permissions/edit/(?P<pk>\d+)/$', menu.permission_edit, name="permission_edit"),
re_path(r'^permissions/del/(?P<pk>\d+)/$', menu.permission_del, name="permission_del"),
]
rbac/views/menu.py
from django.shortcuts import render, redirect, HttpResponse
from rbac import models
from rbac.forms.menu import MenuModelForm, SecondMenuModelForm, PermissionModelForm
from rbac.service.urls import memory_reverse
def menu_list(request):
"""
菜单和权限列表
:param request:
:return:
menus = models.Menu.objects.all().order_by("pk")
# menu_list.html的菜单名称是a标签，此a标签的href在当前url后⾯加了mid参数
# 取到该参数后，传给模板，模板与所循环⼀级菜单的id进⾏if⽐较，如果相等，那么加上'active'表⽰选中 menu_id = request.GET.get("mid") # ⽤户选择的⼀级菜单
second_menu_id = request.GET.get("sid") # ⽤户选择的⼆级菜单
# 如果⼀级菜单的id不存在，那么将menu_id设置为None，menu_id控制⼆级菜单的'新建'按钮
if not models.Menu.objects.filter(id=menu_id).exists():
menu_id = None
# 如果⼆级菜单id不存在，那么就将其设置为None，控制权限新建按钮的显⽰
if not models.Permission.objects.filter(id=second_menu_id).exists():
second_menu_id = None
# 如果⼀级菜单id存在，那么将⼆级菜单的数据信息查询出来传给模板；如果⼀级菜单id为空，查询到的数据# 是不能作为⼆级菜单的url，所以还需要做⼀个判断，即⼀级菜单为空时，⼆级菜单数据信息为⼀个空列表# 那么⼆级菜单展⽰也是为空
if menu_id:
second_menus = models.Permission.objects.filter(menu_id=menu_id) # 根据⼀级菜单的id查询⼆级菜单else:
second_menus = []
# 查询出不能做⼆级菜单的URL
if second_menu_id:
permissions = models.Permission.objects.filter(pid_id=second_menu_id)
else:
permissions = []
return render(
request,
"rbac/menu_list.html",
{
"menus": menus,
"mid": menu_id,
"second_menus": second_menus,
"sid": second_menu_id,
"permissions": permissions,
}
)
def permission_add(request, second_menu_id):
"""
添加权限
:param request:
:param second_menu_id:
:return:
"""
if request.method == "GET":
form = PermissionModelForm()
return render(request, "rbac/change.html", {"form": form})
form = PermissionModelForm(data=request.POST)
if form.is_valid():
second_menu_object = models.Permission.objects.filter(id=second_menu_id).first() if not second_menu_object:
return HttpResponse("⼆级菜单不存在，请重新选择...")
form.instance.pid = second_menu_object # 给pid字段设置⼀个值
form.save()
return redirect(memory_reverse(request, "rbac:menu_list"))
return render(request, "rbac/change.html", {"form": form})
def permission_edit(request, pk):
"""
编辑权限
:param request:
:param pk:
:return:
"""
obj = models.Permission.objects.filter(id=pk).first()
if not obj:
return HttpResponse("权限不存在...")
if request.method == "GET":
form = PermissionModelForm(instance=obj)
return render(request, "rbac/change.html", {"form": form})
form = PermissionModelForm(instance=obj, data=request.POST)
if form.is_valid():
form.save()
return redirect(memory_reverse(request, "rbac:menu_list"))
return render(request, "rbac/change.html", {"form": form})
def permission_del(request, pk):
"""
删除权限
:param request:
:param pk:
:return:
url = memory_reverse(request, "rbac:menu_list")
if request.method == "GET":
return render(request, "rbac/delete.html", {"cancel_url": url})
models.Permission.objects.filter(id=pk).delete()
return redirect(url)
rbac/forms/menu.py
from django import forms
from rbac import models
from django.utils.safestring import mark_safe
from rbac.forms.base import BootStrapModelForm
class PermissionModelForm(BootStrapModelForm):
class Meta:
model = models.Permission
fields = ["title", "name", "url"]
rbac/templates/rbac/menu_list.html
{% extends 'layout.html' %}
{% load rbac %}
{% block css %}
<style>
{# 选中样式css #}
tr.active {
border-left: 3px solid #fdc00f;
}
</style>
{% endblock %}
{% block content %}
<div class="luffy-container">
{# ⼀级菜单 #}
<div class="col-md-3">
<div class="panel panel-default">
<!-- Default panel contents -->
<div class="panel-heading">
<i class="fa fa-book" aria-hidden="true"></i>
⼀级菜单
<a href="{% memory_url request 'rbac:menu_add' %}" class="right btn btn-success btn-xs"
style="padding: 2px 8px; margin: -3px;">
<i class="fa fa-plus-circle" aria-hidden="true"></i>
新建
</a>
</div>
<!-- Table -->
<table class="table">
<thead>
<tr>
<th>名称</th>
<th>图标</th>
<th>选项</th>
</tr>
</thead>
<tbody>
{% for menu in menus %}
{# safe也可以转换类型，将数值类型转为了字符串类型 #}
<tr class="{% if menu.id|safe == mid %}active{% endif %}">
<td>
<a href="?mid={{ menu.id }}">{{ menu.title }}</a>
</td>
<td>
<i class="fa {{ menu.icon }}" aria-hidden="true"></i>
</td>
<td>
<a style="color: #333333;" href="{% memory_url request 'rbac:menu_edit' pk=menu.id %}">
<i class="fa fa-edit" aria-hidden="true"></i></a>
<a style="color: #d9534f;" href="{% memory_url request 'rbac:menu_del' pk=menu.id %}"><i
class="fa fa-trash-o"></i></a>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
{# ⼆级菜单 #}
<div class="col-md-4">
<div class="panel panel-default">
<!-- Default panel contents -->
<div class="panel-heading">
<i class="fa fa-cog" aria-hidden="true"></i>
⼆级菜单
{# 如果选中了⼀级菜单，那么就显⽰新建按钮 #}
{% if mid %}
<a href="{% memory_url request 'rbac:second_menu_add' menu_id=mid %}" class="right btn btn-success btn-xs"
style="padding: 2px 8px; margin: -3px;">
<i class="fa fa-plus-circle" aria-hidden="true"></i>
新建
</a>
{% endif %}
</div>
<!-- Table -->
<table class="table">
<thead>
<tr>
<th>名称</th>
{# 让code和url两个信息显⽰在同⼀列，这样就不会因为信息过长⽽影响整个页⾯展⽰ #}
<th>CODE&URL</th>
<th>选项</th>
</tr>
</thead>
<tbody>
{% for menu in second_menus %}
{# 如果选中，那么加active让其显⽰默认选中效果 #}
<tr class="{% if menu.id|safe == sid %}active{% endif %}">
{# 合并两列单元格 #}
<td rowspan="2">
{# sid代表⼆级菜单的id，url如此设计能让后端获取到⼆级菜单id然后传给模板，模板根据判断进⾏默认选中效果的展⽰ #}
<a href="?mid={{ mid }}&sid={{ menu.id }}">{{ menu.title }}</a>
</td>
<td>{{ }}</td>
<td>
<a style="color: #333333;" href="{% memory_url request 'rbac:second_menu_edit' pk=menu.id %}">
<i class="fa fa-edit" aria-hidden="true"></i></a>
<a style="color: #d9534f;" href="{% memory_url request 'rbac:second_menu_del' pk=menu.id %}"><i
class="fa fa-trash-o"></i></a>
</td>
</tr>
{# 因为是两⾏，所以这⾥也需要加⼀个active #}
<tr class="{% if menu.id|safe == sid %}active{% endif %}">
{# 合并两⾏单元格，并将上边距设置为0，这样就不会有⼀条横线了 #}
<td colspan="2" style="border-top: 0;">{{ menu.url }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
{# 权限展⽰ #}
<div class="col-md-4">
<div class="panel panel-default">
<!-- Default panel contents -->
<div class="panel-heading">
<i class="fa fa-cogs" aria-hidden="true"></i>
权限
{# 如果选中了⼆级菜单，那么就显⽰新建按钮 #}
{% if sid %}
<a href="{% memory_url request 'rbac:permission_add' second_menu_id=sid %}" class="right btn btn-success btn-xs"
style="padding: 2px 8px; margin: -3px;">
<i class="fa fa-plus-circle" aria-hidden="true"></i>
新建
</a>
{% endif %}
</div>
<!-- Table -->
<table class="table">
<thead>
<tr>
<th>名称</th>
{# 让code和url两个信息显⽰在同⼀列，这样就不会因为信息过长⽽影响整个页⾯展⽰ #}
<th>CODE&URL</th>
<th>选项</th>
</tr>
</thead>
<tbody>
{% for menu in permissions %}
<tr>
{# 合并两列单元格 #}
<td rowspan="2">
{{ menu.title }}
</td>
<td>{{ }}</td>
<td>
<a style="color: #333333;" href="{% memory_url request 'rbac:permission_edit' pk=menu.id %}">
<i class="fa fa-edit" aria-hidden="true"></i></a>
<a style="color: #d9534f;" href="{% memory_url request 'rbac:permission_del' pk=menu.id %}"><i
class="fa fa-trash-o"></i></a>
</td>
</tr><tr>
{# 合并两⾏单元格，并将上边距设置为0，这样就不会有⼀条横线了 #}
<td colspan="2" style="border-top: 0;">{{ menu.url }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
{% endblock %}。